50_days_50_web_project
50_days_50_web_project
Welcome to 50_days_50_web_project! learn and practise web development by contributing your projects.
About
This repository contains 50 web projects from basic to intermediate using html css and js
PROJECT NAME --- LIVE DEMO
visit URL for live demo :- https://50-days-50-web-project.vercel.app/
- DAY-1.] TODOLIST
- DAY-2.] DIGITAL CLOCK
- DAY-3.] INDIAN FLAG
- DAY-4.] DROPDOWN NAV BAR
- DAY-5.] ANIMATED-CURSOR
- DAY-6.] AUTO-BACKGROUND-IMAGE-SLIDER
- DAY-7.] TYPEWRITER
- DAY-8.] PARALLEL-X WEBSITE
- DAY-9.] CAPTCHA-GENERATOR
- DAY-10.] QR-CODE-GENERATOR
- DAY-11.] SERVING WEBSITE USING EXPRESS
- DAY-12.] NODEMAILER GMAIL SENDER-->( to use this email sender you need to first clone this repo ->open folder gmail_nodemailer npm i -> nodemon index.js -> open http://localhost:5500/ -> enter your name and email address server automatically will share a email to you from my side . that's it all set.
- DAY-13.] LOGIN FORM USING MERN-->( to use this Login form you need to first clone this repo ->open folder loginusingmern npm i -> nodemon index.js -> open http://localhost:3000/ -> go to register page enter your details , your details are submitted and stored in mongodb . that's it all set.
- DAY-14.] FILE UPLOADER-->( to use this file uploader you need to first clone this repo ->open folder file_uploader npm i -> npm run start -> open http://localhost:3000/file -> fill all thing and submit file and open your clone folder -> uploads you will see file . that's it all set.
- DAY-15.] PROGRESS-BAR
- DAY-16.] SCROLL-BAR-CSS
- DAY-17.] SLIDER USING SWIPER API
- DAY-18.] CAROUSAL SOLAR SYSTEM
- DAY-16.] SCROLL-BAR-CSS
- DAY-17.] SLIDER USING SWIPER API
- DAY-18.] SOLAR SYSTEM CAROUSAL WEBSITE
- DAY-19.] PLANTO
- DAY-20.] EVESPARKS
- DAY-21.] Video bg slider using react ( to use this Video bg slider using react you need to first clone this repo ->open folder travel_website -> npm i -> npm run dev -> open http://localhost:5120 -> see Video bg slider using react . that's it all set.
- DAY-22.] PAGELOADER
- DAY-24 ] AI ChatBot
- DAY-25 ] Tic-Tac-Toe
- DAY-26 ] Maze game
- DAY-27 ] MemoryGame
- DAY-28 ] wordle
- DAY-29 ] Snake Game
- DAY-31 ] Password Manager
Discord Channel for VSoC 2024 Contributors
Now, resolve your all doubts and communicate with our all contributors.
Getting Started
To get started with contributing to 50_days_50_Web Projects , please refer to our Contributing Guidelines.
Follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/50_days_50_web_project.git or Use Github desktop to directly clone it in your system -
Navigate to the project directory:
cd 50_days_50_Web Projects -
Install dependencies:
npm install -
Running the Application:
Once you have installed the dependencies, you can run the application locally using:
npm run startThis command will start a development server and open the application in your default web browser on local host .
If you'd like to contribute to 50_days_50_Web Projects , please follow these guidelines:
- Fork the repository and clone it locally.
- Create a new branch for your feature or bug fix:
git checkout -b feature-name - Make your changes and test thoroughly.
- Commit your changes:
git commit -m "Brief description of your changes" - Push to the branch:
git push origin feature-name - Submit a pull request detailing your changes.
Support
For any questions or issues, feel free to reach out to us through our disscusion or by opening an issue on GitHub.
Stay updated with the latest news and announcements:
Badges
Contributors ✨
Thanks goes to these wonderful people :
