Skip to content

avanishkasar/ReactJS-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 My First React Web App

Built while learning from Build Your First React JS Application on Udemy
Future-ready, feature-rich, and full of possibilities 🌐✨


📌 Overview

This is a responsive, mobile-first React single-page application (SPA) built using the latest React JS practices and libraries. It started as a learning project and is growing into a full-featured web app with dynamic content, custom components,and modern UI/UX.


💡 What's Inside

✅ React JS (with create-react-app)
✅ Tailwind CSS for utility-first styling
✅ React Router for seamless navigation
✅ Axios for API integration
✅ Custom React Hooks
✅ JavaScript-configurable CSS
✅ Responsive Design & Animations


🛠 Features Planned & Coming Soon

🎯 Chatbot (possibly powered by GPT or Dialogflow)
🎯 User Authentication (JWT/Firebase)
🎯 Realtime Features (WebSockets or Firebase)
🎯 Dark Mode Toggle
🎯 Animation Libraries (Framer Motion, Lottie)
🎯 Fully modular & component-based structure
🎯 SEO & Performance optimization
🎯 Custom hooks and reusable logic libraries
🎯 AI/ML or OpenAI API integrations 🤖


🎓 Built While Learning

This project is inspired by and built during the Udemy course:
"Build Your First React JS Application" by Chris Dixon
📚 It covers:

  • React fundamentals and project structuring
  • Configurable Tailwind CSS with JavaScript
  • React Router basics
  • Making HTTP requests with Axios
  • Building custom hooks and animated components

📷 Preview (Coming Soon)

Screenshots or a live demo will be added here once hosted.


🚧 Requirements

To run this project locally:

  • Node.js & npm
  • VS Code or any code editor
  • Basic JavaScript knowledge
  • Command line familiarity

⚙️ Getting Started


Install dependencies

npm install

Start the app

npm start


🤝 Contributions

Pull requests are welcome as this project evolves! Feel free to fork and build your own version too. Don’t forget to ⭐ this repo if you like the direction it’s heading in.

📄 License

This project is open source under the 🟠MIT License.

💬“The best way to learn is to build then break and then build again”

About

Minimal UI, max performance — a no-BS ReactJS website built from scratch.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published