This repo is dedicated to the projects I create while learning Web Devlopment

JS + HTML & CSS

1. Add user page

• A input page that adds user input data to ui, display error if not entered properly using DOM Manupulation
• For mini project: in JS Crash course
• Key: Basic JS, DOM Manupulation
• Live Preview: Add User Page

Preview:

Only HTML & CSS

5. HomeTown Site - Madurai Edition:

• Solo challange - Completly from scratch just with Rules & Requiremets as a Final project in (HTML & CSS Scrimba Course - Youtube)
• Completed full project with streach goals
• Key
  • Designed in Figma -> Madurai-site-figma-design.pdf
  • Set Github repo
  • Clone repo to local with Git
  • Code in VSCode, Commit & Push regularly into github repo
  • Deploy the site in Netlify from github repo

Live Site: https://visit-madurai.netlify.app

Preview:

4. Birthday site:

• Created site for Belated Bday wishes to my friend as a project for module 5 in (HTML & CSS Scrimba Course - Youtube)
• Key: HTML, CSS- Hover, flex

Live Site: https://vijay-wayn-happy-birthday.netlify.app

Preview:

3. Digital ID card:

• Created ID Card for Module 3 Project (HTML & CSS Scrimba Course - Youtube)
• Key: HTML, Basic CSS, Git, Hosting from Git -> Netlify

Live Site: https://naveen-digital-id.netlify.app/

Preview:

2. Single Page CV:

• Recreated a Beginner Project from Fronend Dev in Roadmap.sh (https://roadmap.sh/projects/single-page-cv)
• Key: HTML, Basic CSS, Meta Tags, OG Tags, Fevicon P.s. Many miss out Open-Graph Tags(OG) - That helps to make the website card looks good while sharing as link

Preview:

1. Personal Site:

• A personal site project developed during HTML & CSS course in Scrimba
• Only HTML is written by me, Others are provided in Course Material
• Key: HTML Tags & Formatting, Hosting

Live-Site: https://naveenkumar-v.netlify.app

Preview: