StudyFlow Landing Page 🚀

Full Project Live Demo: https://study-flow-inky.vercel.app/

🎨 Previews

Light Mode	Dark Mode

📖 Overview

This repository contains the standalone frontend code for the StudyFlow Landing Page. It was extracted into a separate React application specifically for frontend deployment testing on Vercel.

StudyFlow is an all-in-one digital workspace designed to help students focus, learn, and collaborate through AI-powered productivity tools. This landing page serves as the entry point, showcasing the platform's powerful features and sleek design.

✨ Features

• Modern & Responsive UI: Fully responsive design that looks great on desktops, tablets, and mobile devices.
• Dark/Light Mode: Built-in toggle for seamless theme switching.
• Interactive Animations: Integrated Lottie animations for an engaging user experience.
• Dynamic Routing: Ready for navigation with React Router integration.
• Clean Architecture: Component-based structure utilizing React-Bootstrap.

🛠️ Tech Stack

• Frontend Framework: React.js
• UI Library: React-Bootstrap & Bootstrap
• Icons: React-Icons
• Animations: @lottiefiles/dotlottie-react
• Routing: React Router DOM

🚀 Quick Start

Follow these steps to run the landing page locally:

1. Clone the repository

git clone https://github.com/your-username/studyflow-landing-page.git
cd studyflow-landing-page

2. Install dependencies

npm install

3. Start the development server

npm start

The application will be available at http://localhost:3000.

🌐 Deployment (Vercel)

This application is deployed on Vercel:

• Live Link: https://study-flow-inky.vercel.app/

To deploy your own version:

1. Push your code to a GitHub repository.
2. Import the repository into Vercel.
3. Keep the default build settings (Framework Preset: Create React App).
4. Click Deploy.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.