Skip to content

AstonWilliams/NextJS-Todo-APP

Repository files navigation

Todo App with Next.js UI and Tailwind CSS

This project consists of a Next.js frontend for a task management application, styled with Tailwind CSS. The backend has been removed, and the focus is now solely on the UI.

Introduction

This Todo App allows users to manage their tasks efficiently. The application features a clean and responsive design, leveraging the power of Next.js for server-side rendering and Tailwind CSS for styling.

Preview

Dashboard

Dashboard Preview

Task List

Task List Preview

Projects

Projects Preview

Calendar

Calendar Preview

Settings

Settings Preview

Setup

  1. Clone the repository:

    git clone https://github.com/AstonWilliams/todo-app.git
    cd todo-app
  2. Install dependencies:

    npm install
  3. Run the development server:

    npm run dev

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

Modifications

To customize the application, you can:

  1. Update Tailwind CSS configuration: Modify the tailwind.config.js file to customize your design tokens.

  2. Change component styles: Edit the component files in the components directory to update styles and layouts.

  3. Add new features: Create new components or pages as needed, following the existing structure.

Contribution

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

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

FAQs

Q: How do I customize the theme?
A: You can customize the theme by modifying the tailwind.config.js file and adjusting the styles in your components.

Q: Can I use this app without a backend?
A: Yes, this version of the app is designed to work as a standalone frontend. You can integrate it with any backend API as needed.

License

This project is licensed under the MIT License. See the LICENSE file for details.

About

Modern UI NEXT.JS minimalistic frontend implementation

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published