Official website for ACM BIT Mesra, built using Next.js, React, and various modern JavaScript libraries with smooth animations and an optimised user experience.
🔗 Live Demo: ACM BIT Mesra Website
- Next.js & React: Fast and scalable frontend framework
- Animations: Engaging UI animations using Framer Motion and CSS transitions
- Optimised Performance: Lazy loading, image optimisation, and efficient rendering
- Responsive Design: Mobile-friendly and adaptable UI for all devices
- Dark Mode: Supports both light and dark themes
- SEO Optimised: Better search engine rankings with meta tags and structured data
- Interactive Components: Dynamic content and user-friendly UI/UX
- Frontend: Next.js, React, Tailwind CSS, Framer Motion
- State Management: React Context API
- Animations: Framer Motion, GSAP
- Styling: Tailwind CSS, Styled Components
- Forms & Validation: React Hook Form, Yup
- Deployment: Vercel
ACM_NEWWEBSITE/
│── public/ # Static assets
│── components/ # Reusable UI components
│── pages/ # Next.js pages (routes)
│── styles/ # Global and module styles
│── utils/ # Helper functions
│── hooks/ # Custom React hooks
│── package.json # Dependencies and scripts
└── README.md # Project documentation
- Clone the repository:
git clone https://github.com/Ayush-Aditya/ACM_NEWWEBSITE.git cd ACM_NEWWEBSITE
- Install dependencies:
npm install
- Run the development server:
The project will be available at
npm run dev
http://localhost:3000
- Modify global styles in
styles/globals.css
- Update site metadata in
next.config.js
- Edit components in the
components/
directory
This project is deployed using Vercel. To deploy your own version:
- Push your repository to GitHub
- Connect your repository to Vercel
- Deploy with a single click
Contributions are welcome! To contribute:
- Fork the repository
- Create a new branch (
feature-xyz
) - Commit your changes and push the branch
- Create a Pull Request
This project is licensed under the MIT License.
For any queries or suggestions, feel free to reach out:
- GitHub: Ayush-Aditya
- LinkedIn: Your LinkedIn
⭐ If you like this project, don't forget to give it a star!