Skip to content

Here I will upload 60days of my coding tasks, learnings and projects. I will start from the very basic markup language HTML and go upto Advanced JavaScript Library ReactJS. My goal is to revise and sharpen my frontend web development knowledge by learning modern framework that boost my web development career.

Notifications You must be signed in to change notification settings

Pranto-Bapary/60days-of-coding-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 60 Days of Coding Challenge - Frontend Journey

Welcome to my 60 Days of Coding Challenge! This is a journey of consistency, creativity, and growth — where I push myself every day to become a better developer.


📅 Challenge Overview

  • ⏳ Duration: 60 Days (2 Months)
  • 🎯 Goal: Build confidence in frontend development & land an internship
  • 🛠️ Tech Stack:
    • HTML5, CSS3
    • JavaScript (ES6+, DOM, Async/Await, Fetch)
    • React.js (Hooks, Router, Context API)
    • Git & GitHub
    • Deployment (Netlify / Vercel)

📊 Progress Tracker

Current Progress
████████░░░░░░░ 11/60 Days - 18% Completed 🎉

Day Topic / Task Status
1 HTML Basics & Semantic Tags ✅ Done
2 Forms & Inputs ✅ Done
3 CSS Selectors & Box Model ✅ Done
4 Flexbox & Grid Layouts ✅ Done
5 Responsive Design (Flexbox & Grid) ✅ Done
6 Mini Landing Page ✅ Done
7 Review: Rebuild one page from scratch ✅ Done
8 JavaScript Basics (variables, types, arrow functions) ✅ Done
9 Arrays & Objects (map/filter/reduce/forEach/find) ✅ Done
10 DOM Manipulation (querySelector, events, classList) ✅ Done
11 Task Management App (LocalStorage + Animations) ✅ Done
12 Async JS: fetch, promises, async/await ⏳ Pending
... ... ...
60 Final Review + Internship Applications ⏳ Pending

🛠️ Projects Completed So Far

Project Day Status Live Demo
Responsive Landing Page ✅ 6 Done 🌐 Live Demo
Responsive Multi-Section E-Commerce ✅ 7 Done 🌐 Live Demo
Task Management App (LocalStorage) ✅ 11 Done 🌐 Live Demo
Stylish To-Do App (Variant) ✅ — Done 🌐 Live Demo
Weather Dashboard ⏳ — Pending
Movie Search App ⏳ — Pending
E-Commerce Cart (React) ⏳ — Pending
Blog App ⏳ — Pending
                                                  |

📂 Repository Structure

60-days-of-code/
├── Day-01/
├── Day-2-3/
├── Day-04/
├── Day-05/
├── Day-06/
├── Day-07/
├── Day-08/
├── Day-09/
├── Day-10/
├── Day-11/
└── README.md

🌟 Goals After 60 Days

  • ✔ Build a solid frontend portfolio
  • ✔ Deploy projects & polish GitHub
  • ✔ Apply for internships confidently
  • ✔ Learn the discipline of consistency in coding

👨‍💻 About Me

✨ Hello, I’m Pranto Bapary, a passionate Frontend Developer in progress who loves turning ideas into interactive experiences.

  • I enjoy writing clean, maintainable code and designing applications that balance performance, functionality, and beauty.
  • 💡 I believe in learning by building — every project I complete teaches me something new.
  • 🌱 Currently focusing on React.js to strengthen my modern web development skills.
  • 🚀 My ultimate goal is to become a skilled software engineer, contribute to impactful projects, and land a great internship.

📫 Connect with me:

  • LinkedIn
  • Email
  • Instagram

✨ “Code is like art — every line you write is a brushstroke on the canvas of innovation.” ✨

Made with ❤️ by Pranto Bapary


About

Here I will upload 60days of my coding tasks, learnings and projects. I will start from the very basic markup language HTML and go upto Advanced JavaScript Library ReactJS. My goal is to revise and sharpen my frontend web development knowledge by learning modern framework that boost my web development career.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published