Forest Sass

Forest Sass is a simple todo list web application built with Next.js. It allows users to manage their tasks in a visually appealing interface. The project integrates authentication using Kinde, and includes dark mode and light mode features. Users can also customize their display name and color preferences for the entire website, which are linked with Supabase.

![Forest Sass Preview]!

Features

• Authentication with Kinde
• Dark mode and light mode toggling
• Customizable display name and color preferences
• Integration with Supabase for storing user preferences

Technologies Used

• Next.js
• React
• TypeScript
• Kinde
• Tailwind
• Shadcn
• Supabase

Getting Started

To get started with Forest Sass, follow these steps:

1. Clone this repository: git clone https://github.com/bipinkatuwal567/forest-sass.git

2. Navigate to the project directory: cd forest-sass

3. Install dependencies: npm install

4. Create a .env.local file in the root directory and add the necessary environment variables:

5. Run the development server: npm run dev

6. Open your browser and navigate to http://localhost:3000

Environment Variables

Make sure to set up the following environment variables in your .env.local file:

• KINDE_CLIENT_ID: Your Kinde client ID
• KINDE_CLIENT_SECRET: Your Kinde client secret
• SUPABASE_URL: Your Supabase project URL
• SUPABASE_ANON_KEY: Your Supabase anonymous key

Contributing

Contributions are welcome! If you find any bugs or have suggestions for improvement, please open an issue or submit a pull request.

License

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