Skip to content

Aswinisandil/MyWebsite-react-typescript-tailwindcss

Repository files navigation

🌐 My Website – React + Tailwind Landing Page

A responsive and modern multipage website built with React Router and Tailwind CSS. Includes elegant sections like Home, About, Contact, Testimonials, and more – designed to showcase front-end skill and visual polish.


🚀 Live Demo

👉 To View Live Project Click here


📸 Preview

Landing Page Screenshot


📁 Project Structure

my-website/ │

├── public/

│ └── index.html

│ ├── src/

│ ├── components/

│ │ ├── Home.js

│ │ ├── About.js

│ │ ├── Contact.js

│ │ ├── Testimonials.js

│ │ └── Footer.js

│ ├── App.js

│ ├── App.css

│ └── index.js

├── tailwind.config.js

├── postcss.config.js

├── package.json

└── README.md


🛠️ Built With

  • ⚛️ React – Functional components, hooks, routing
  • 🎨 Tailwind CSS – Utility-first styling
  • 🧭 React Router v6 – For client-side navigation
  • 💅 React Icons – For minimal vector icons
  • 📦 Vite or Create React App (based on your setup)

✨ Features

  • Fully responsive design
  • Smooth navigation between pages
  • Reusable Footer and Header
  • Dynamic Testimonials section with avatars
  • Clean layout and typography
  • Gallery with hover animation
  • Call-to-action sections

🧪 How to Run Locally

# Clone the repo
git clone https://github.com/your-username/my-website.git

# Navigate into the project folder
cd my-website

# Install dependencies
npm install

# Start the development server
npm run dev
Make sure you have Node.js and npm installed.

🧼 Future Improvements
Add animations using Framer Motion

Connect Contact form to backend or Formspree

Theme switch (dark/light mode)

Add project showcase or pricing sections

🧑‍💻 Author
Aswini Medisetti
Frontend Developer | DevOps Learner

Portfolio LinkedIn GitHub


📜 License
This project is open source and available under the MIT License.



About

A responsive multi-page React + Tailwind CSS website featuring smooth navigation, elegant UI, and reusable components like Testimonials, Contact Form, and Gallery — designed to showcase frontend skills and modern web development practices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors