Skip to content

sanks011/Lately

Repository files navigation

Lately 🌟

Welcome to Lately — a dynamic web application designed to streamline task management and scheduling, featuring modern 3D animations, sleek UI/UX, and secure Google authentication! 🚀

🌟 Features

  • 🔒 Google Authentication: Securely log in using your Google account for a seamless experience.
  • 🎨 Stunning UI/UX: High-quality, responsive design powered by Tailwind CSS, providing a smooth, modern interface.
  • 🌗 Dark Mode: Dark mode enabled by default, switch themes effortlessly!
  • 🛠️ 3D Animations: Immersive 3D elements using react-three/fiber and @react-three/drei, bringing your interactions to life.
  • Interactive Animations: Leveraging framer-motion for smooth transitions and engaging visual effects.
  • 📅 Efficient Scheduling: Manage your tasks and schedules with an intuitive calendar view.

🛠️ Technologies Used

  • Frontend & Backend:

    • React.js
    • Tailwind CSS
    • Framer Motion
    • React Three Fiber
    • Lucide Icons
  • Authentication:

    • Firebase Google Auth

🚀 Getting Started

Follow these steps to run the project locally:

  1. Clone the repository:

    git clone https://github.com/sanks011/Lately.git
    cd Lately
  2. Install dependencies:

    npm install
  3. Run the app:

    npm run dev

📂 Project Structure

  • /src: Contains all the React components, including the 3D elements, UI/UX animations, and forms.
  • /backend: Flask API handling attendance calculation and class forecasting.
  • /public: Static files such as images, videos, and other assets.
  • /tailwind.config.js: Tailwind CSS configuration with dark mode enabled.

📸 Screenshots

image image image image

  • The welcoming Home page with 3D animations and smooth UI.
  • Easily manage attendance and schedules.

🤝 Contributing

We welcome contributions to enhance Lately! To contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Commit your changes (git commit -m 'Add some feature').
  4. Push to the branch (git push origin feature-branch).
  5. Open a pull request.

📧 Contact

For any inquiries or feedback, feel free to reach out via:


Happy Bunking with Lately! 🎉