📌 Tech Fusion Club
Welcome to the Tech Fusion Club repository! 🚀 This is the official codebase for our club’s website, built using React.js, Tailwind CSS, and Vite. Our aim is to provide a platform for students to enhance their technical skills, collaborate on projects, and stay updated with the latest advancements in technology.
Project Overview
Tech Fusion Club is a technical club dedicated to helping students improve their skills in programming, web development, and other tech fields. This repository contains the frontend code for our official website.
🔥 Key Features
✅ A responsive navigation bar with smooth animations.
✅ Dynamic sections like Home, About, Reviews, Gallery, and Contact.
✅ Fast and optimized UI with Tailwind CSS.
🚀 Tech Stack Used
Technology Purpose
React.js- Frontend framework for building UI components
Tailwind CSS- Utility-first CSS framework for styling
Vite- Development tool for faster builds
React Router DOM- Enables routing between different pages
React Icons- Adds scalable vector icons to the UI
🛠️ Installation & Setup
Follow these steps to set up the project locally:
Prerequisites
Ensure you have the following installed:
Node.js (Latest LTS version recommended)
Git
A code editor like VS Code
Clone the Repository
git clone https://github.com/your-username/tech-fusion-club.git
cd tech-fusion-club
Install Dependencies
npm install
This will install all required dependencies and devDependencies.
Start the Development Server npm run dev
The project will now be running at http://localhost:5173/.
Project Structure
tech-fusion-club/
│── public/ # Static assets
│── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Page-specific components
│ ├── assets/ # Images, icons, and other assets
│ ├── styles/ # Global styles and Tailwind config
│ ├── App.jsx # Main App component
│ ├── main.jsx # Entry point for React app
│── .gitignore # Files to ignore in Git
│── package.json # Project metadata and dependencies
│── README.md # Project documentation
│── tailwind.config.js # Tailwind CSS configuration
│── vite.config.js # Vite configuration
**Dependencies
Main Dependencies**
"dependencies": {
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-icons": "^5.4.0",
"react-router-dom": "^7.1.5"
} Development Dependencies
"devDependencies": {
"@vitejs/plugin-react": "^4.3.4",
"autoprefixer": "^10.4.20",
"postcss": "^8.4.49",
"tailwindcss": "^3.4.17",
"vite": "^6.0.5"
}
Contributing
We welcome contributions from everyone! Please follow these steps to contribute:
Fork the repository on GitHub.
Clone your fork locally:
git clone https://github.com/your-username/tech-fusion-club.git
Create a new branch for your changes:
git checkout -b feature-branch-name
**Make your changes and test them.
Commit and push your changes:**
git add .
git commit -m "Added new feature"
git push origin feature-branch-name
Create a Pull Request (PR) on GitHub.
Deployment
npm run build
This will generate a dist/ folder with optimized static files, ready for deployment on Netlify, Vercel, or any hosting platform.
Contact & Support
If you have any questions, feel free to reach out:
📧 Email: ag0567688@gmail.com
📞 Phone: +91 9560472926
🌐 Website: https://techfusion2024.netlify.app/
Future Enhancements
🔹 Implement backend authentication for members.
🔹 Add dynamic event updates for students.
🔹 Improve UI/UX animations.
**** License****
This project is open-source and available under the MIT License.
