Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Readme.md Updation] Created Table for all Projects Listings in README.md file #609

Merged
merged 2 commits into from
Jan 20, 2025
Merged

[Readme.md Updation] Created Table for all Projects Listings in README.md file #609

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0f0074e
Created Table for all projects in README.md file
shivamm-verma Jan 19, 2025
e852839
All of this code fixes #608
shivamm-verma Jan 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
168 changes: 84 additions & 84 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,90 +22,90 @@ Welcome to 100_days_100_web_project! learn and practise web development by contr
This repository contains 100 web projects from basic to intermediate using html css and js

**PROJECT NAME --- LIVE DEMO**
**visit URL for live demo :-** https://100-days-100-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:51000/ -> 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
- DAY-32 ] Missionaries & Cannibals
- Day 33 ] Weather Forcasting
- Day 34 ] Email Validator
- Day 35 ] Vanilla-JavaScript-Calculator
- Day 36 ] Medical App
- Day 37 ] 2048 Game
- Day 38 ] Github Profile Finder
- Day 39 ] Notes App
- Day 40 ] Analog Clock
- Day 41 ] Scroll Dark Game
- Day 42 ] Amazon App
- Day 43 ] Password Generator
- Day 44 ] BMI Calculator
- Day 45 ] Black Jack
- Day 46 ] Palindrome Generator
- Day 47 ] Ping Pong Game
- Day 48 ] TextToVoiceConverter
- Day 49 ] Url Shortener
- Day 50 ] Recipe Genie
- Day 51 ] Netflix Landing Page Clone
- Day 52 ] ClimaCode
- Day 53 ] E-Commerce Website with Simple Cart Functionality
- Day 54 ] Budget Tracker
- Day 55 ] Cricket Game
- Day 56 ] Pastebin using svelte
- Day 57 ] Glowing Social Media Icons
- Day 58 ] Music App
- Day 59 ] Blog Page
- Day 60 ] Marketing template website
- Day 61 ] Hologram Button
- Day 62 ] Solar System Explorer
- Day 63 ] Image to Text App
- Day 64 ] Zomato-clone
- Day 65 ] The Cube
- Day 66 ] Flask Authentication App
- Day 67 ] Blog-Website
- Day 68 ] 3d Rotating Card
- Day 69 ] Spotify Clone Project
- Day 70 ] Insect-Catch_Game
- Day 71 ] Quotely Laughs
- Day 72 ] Contact Book
- Day 73 ] Candy_Crush_Game
- Day 74 ] Stock Profit Calculator
- Day 75 ] code-space-game project
- Day 76 ] animated searchbar
- Day 77 ] rock-paper-scissor-game project
- Day 78 ] npm package search
- Day 79 ] linkedin homepage clone using react

- Day-95.] TodoList in React-TS-Tailwind ( to use this TodoList you need to first clone this repo -> open folder TodoList-React-TS-Tailwind -> npm i -> npm run dev -> open http://localhost:5173 -> see TodoList . that's it all set.
**visit URL for live demo :-** https://100-days-100-web-project.vercel.app/

| Day | Project Name | Link to the Project Folder | Description |
|--------|--------------|----------------------------|-------------|
| DAY-1 | TODOLIST | [TODOLIST](public/TO_DO_LIST) | |
| DAY-2 | DIGITAL CLOCK | [DIGITAL CLOCK](public/digital_clock) | |
| DAY-3 | INDIAN FLAG | [INDIAN FLAG](public/indianflag) | |
| DAY-4 | DROPDOWN NAV BAR | [DROPDOWN NAV BAR](public/dropdown_navbar) | |
| DAY-5 | ANIMATED-CURSOR | [ANIMATED-CURSOR](public/Animated-cursor) | |
| DAY-6 | AUTO-BACKGROUND-IMAGE-SLIDER | [AUTO-BACKGROUND-IMAGE-SLIDER](slider.html) | |
| DAY-7 | TYPEWRITER | [TYPEWRITER](public/typewriter) | |
| DAY-8 | PARALLEL-X WEBSITE | [PARALLEL-X WEBSITE](<public/Parallel-x website>) | |
| DAY-9 | CAPTCHA-GENERATOR | [CAPTCHA-GENERATOR](public/captcha) | |
| DAY-10 | QR-CODE-GENERATOR | [QR-CODE-GENERATOR](<public/qr generator>) | |
| DAY-11 | SERVING WEBSITE USING EXPRESS | | |
| DAY-12 | NODEMAILER GMAIL SENDER | [NODEMAILER GMAIL SENDER](public/gmail_nodemailer) | to use this email sender you need to first clone this repo ->open folder gmail_nodemailer npm i -> nodemon index.js -> open http://localhost:51000/ -> 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 | [LOGIN FORM USING MERN](public/loginusingmern) | 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 | [FILE UPLOADER](public/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 | [PROGRESS-BAR](public/progress_bar) | |
| DAY-16 | SCROLL-BAR-CSS | | |
| DAY-17 | SLIDER USING SWIPER API | [SLIDER USING SWIPER API](<public/slider box>) | |
| DAY-18 | Carousel Solar System | [Carousel Solar System](public/carousal) | |
| DAY-19 | PLANTO | [PLANTO](public/plantwebsite) | |
| DAY-20 | EVESPARKS | | |
| DAY-21 | Video bg slider using react | [Video bg slider using react](public/travel_website) | 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 | [PAGELOADER](public/pageloader) | |
| DAY-22 | Jarvis Virtual Assistant | [Jarvis Virtual Assistant](public/Jarvis-AI-main) | |
| DAY-24 | AI ChatBot | [AI ChatBot](<public/AI ChatBot>) | |
| DAY-25 | Tic-Tac-Toe | [Tic-Tac-Toe](public/TicTacToe) | |
| DAY-26 | Maze game | [Maze game](public/Maze-Game-main) | |
| DAY-27 | MemoryGame | [MemoryGame](public/MemoryGame) | |
| DAY-28 | wordle | [wordle](public/WORDLE) | |
| DAY-29 | Snake Game | [Snake Game](public/snake_game) | |
| DAY-29 | Flappy-bird-game | [Flappy-bird-game](public/Flappy-bird-main) | |
| DAY-31 | Password Manager | [Password Manager](<public/password manager>) | |
| DAY-32 | Missionaries & Cannibals | [Missionaries & Cannibals](public/Missionaries&Cannibals) | |
| Day 33 | Weather Forcasting | [Weather Forcasting](<public/Weather Forcasting>) | |
| Day 34 | Email Validator | [Email Validator](<public/email validator>) | |
| Day 35 | Vanilla-JavaScript-Calculator | [Vanilla-JavaScript-Calculator](public/Vanilla-JavaScript-Calculator-master) | |
| Day 36 | Medical App | [Medical App](public/Medical_App) | |
| Day 37 | 2048 Game | [2048 Game](public/2048_game) | |
| Day 38 | Github Profile Finder | [Github Profile Finder](public/github_profile_finder) | |
| Day 39 | Notes App | [Notes App](public/notes-app) | |
| Day 40 | Analog Clock | [Analog Clock](public/AnalogClock) | |
| Day 41 | Scroll Dark Game | [Scroll Dark Game](<public/Scroll Game Dark Run>) | |
| Day 42 | Amazon App | [Amazon App](public/Amazon_Clone) | |
| Day 43 | Password Generator | [Password Generator](public/Password_Generator) | |
| Day 44 | BMI Calculator | [BMI Calculator](public/BMI_Calculator) | |
| Day 45 | Black Jack | [Black Jack](public/BlackJack) | |
| Day 46 | Palindrome Generator | [Palindrome Generator](public/Palindrome_Generator) | |
| Day 47 | Ping Pong Game | [Ping Pong Game](public/ping) | |
| Day 48 | TextToVoiceConverter | [TextToVoiceConverter](public/TextToVoiceConverter) | |
| Day 49 | Url Shortener | [Url Shortener](public/url_shortener) | |
| Day 50 | Recipe Genie | [Recipe Genie](<public/Recipe Genie>) | |
| Day 51 | Netflix Landing Page Clone | [Netflix Landing Page Clone](public/Netflix_Cloning) | |
| Day 52 | ClimaCode | [ClimaCode](<public/ClimaCode 2.0>) | |
| Day 53 | E-Commerce Website with Simple Cart Functionality | [E-Commerce Website with Simple Cart Functionality](public/e-commerce_cart) | |
| Day 54 | Budget Tracker | [Budget Tracker](<public/Budget Tracker>) | |
| Day 55 | Cricket Game | [Cricket Game](public/cricket) | |
| Day 56 | Pastebin using svelte | [Pastebin using svelte](public/pastebin) | |
| Day 57 | Glowing Social Media Icons | [Glowing Social Media Icons](<public/Social Media Glowing>) | |
| Day 58 | Music App | [Music App](<public/Music App>) | |
| Day 59 | Blog Page | [Blog Page](<public/Blog Page>) | |
| Day 60 | Marketing template website | [Marketing template website](public/marketing_website) | |
| Day 61 | Hologram Button | [Hologram Button](<public/Holo Button>) | |
| Day 62 | Solar System Explorer | [Solar System Explorer](<public/Solar System Explorer in CSS only haml>) | |
| Day 63 | Image to Text App | [Image to Text App](public/Image-To-Text-App) | |
| Day 64 | Zomato-clone | [Zomato-clone](public/zomato-clone) | |
| Day 65 | The Cube | [The Cube](<public/The Cube>) | |
| Day 66 | Flask Authentication App | [Flask Authentication App](public/flask_auth_app) | |
| Day 67 | Blog-Website | [Blog-Website](public/blog) | |
| Day 68 | 3d Rotating Card | [3d Rotating Card](<public/3d cards>) | |
| Day 69 | Spotify Clone Project | [Spotify Clone Project](<public/spotify-clone -project>) | |
| Day 70 | Insect-Catch_Game | [Insect-Catch_Game](public/Insect-Catch-Game) | |
| Day 71 | Quotely Laughs | [Quotely Laughs](public/Quotely-Laughs) | |
| Day 72 | Contact Book | [Contact Book](<public/Contact Book>) | |
| Day 73 | Candy_Crush_Game | [Candy_Crush_Game](public/Candy_Crush_Game) | |
| Day 74 | Stock Profit Calculator | [Stock Profit Calculator](public/Stock-Profit-Calculator) | |
| Day 75 | code-space-game project | [code-space-game project](<public/Contact Book>) | |
| Day 76 | animated searchbar | [animated searchbar](<public/Animated Searchbar>) | |
| Day 77 | rock-paper-scissor-game project | [rock-paper-scissor-game project](public/Stone-Paper-Scissor) | |
| Day 78 | npm package search | [npm package search](<public/NPM Package Search>) | |
| Day 79 | linkedin homepage clone using react | [linkedin homepage clone using react](public/Linkedin-Clone) | |
| Day-95 | TodoList in React-TS-Tailwind | [TodoList in React-TS-Tailwind](public/TodoList-React-TS-Tailwind) | to use this TodoList you need to first clone this repo -> open folder TodoList-React-TS-Tailwind -> npm i -> npm run dev -> open http://localhost:5173 -> see TodoList . that's it all set. |

## Discord Channel for VSoC 2024 Contributors

Expand Down
Loading