Giter Site home page Giter Site logo

vinishbhaskar / 21-day-frontend-challenge Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 1.0 3.71 MB

My 21-Day ReactJS Frontend Development Challenge: Building, Learning, and Growing ๐Ÿš€

HTML 7.23% JavaScript 68.44% CSS 24.33%
21daysofcode html-css-javascript react reactjs

21-day-frontend-challenge's Introduction

21-Day Frontend Development Challenge ๐Ÿš€

Welcome to my 21-Day Frontend Development Challenge! This challenge is an exciting journey where I will be building one React project each day for the next 21 days. ๐ŸŒŸ

Overview ๐Ÿ“‹

In this challenge, I will be focusing on enhancing my frontend development skills and exploring the capabilities of React. Each day, I will work on a different project with unique functionalities, gradually progressing from basic to intermediate and advanced projects.

Project Structure ๐Ÿ—‚๏ธ

The projects are categorized into three sets of seven days:

  • Basic Projects (Days 1-7): These projects will help me strengthen my foundational skills in React.
  • Intermediate Projects (Days 8-14): These projects will push me to apply advanced concepts and build more complex applications.
  • Advanced Projects (Days 15-21): These projects will challenge me to dive deep into advanced React techniques and explore additional libraries and frameworks.

Compeleted :

Basic Projects (Days 1-7): These projects will help me strengthen my foundational skills in React.

Intermediate Projects (Days 8-14): These projects will push me to apply advanced concepts and build more complex applications.

  • Day 8 : .....

Project List ๐Ÿ“

Here's a sneak peek of some of the projects I will be working on:

  1. To-Do List App ๐Ÿ“ - Create a simple app where users can add, edit, and delete tasks.
  2. Weather App โ˜๏ธ - Fetch weather data from an API and display it in a user-friendly interface.
  3. Recipe Finder ๐Ÿฝ๏ธ - Develop an app that allows users to search for recipes based on ingredients or dietary restrictions.
  4. Movie Search ๐ŸŽฌ - Integrate with a movie database API and build a search interface to find movies by title, genre, or year.
  5. GitHub Profile Viewer ๐Ÿ‘จโ€๐Ÿ’ป - Fetch data from the GitHub API and display a user's repositories and profile information.
  6. Countdown Timer โฑ๏ธ - Create a timer that counts down to a specific date or time and provides visual feedback.
  7. Quiz App โ“ - Build a quiz app with multiple-choice questions and provide immediate feedback on answers.
  8. ...

Stay tuned for my daily posts and project updates to discover the complete project lineup!

How to Use This Repository ๐Ÿš€

Each project will have its own dedicated folder in this repository. Inside each folder, you will find the project's source code, along with any additional resources or documentation specific to that project.

Feel free to explore the projects, clone the repository, and run them on your local machine. You can also contribute to the projects by submitting pull requests or providing feedback and suggestions.

Connect with Me ๐Ÿ‘‹

I'm excited to connect with fellow developers, exchange ideas, and learn from each other's experiences. Let's grow together and create a supportive coding community! Connect with me on LinkedIn here.

Let's Get Started! ๐Ÿš€

I'm thrilled to embark on this 21-Day Frontend Development Challenge and expand my skills in React. Join me on this exciting journey, and let's push the boundaries of frontend development together!

#21DayFrontendDevelopment #frontenddevelopment #ReactJS #codingchallenge #learnandgrow #opensource


Start Date: 07/05/2023

End Date: []

For daily updates, project showcases, and detailed breakdowns

Check out my LinkedIn profile Vinish Bhaskar Linkedin.

21-day-frontend-challenge's People

Contributors

vinishbhaskar avatar

Stargazers

Lukman Mutoif avatar Chhatrapati Chauhan avatar  avatar sonam oraon avatar

Watchers

 avatar

Forkers

uem888

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.