Skip to content

blauprint/setapp-client

Repository files navigation

SetApp - Beginner's MVP Creation App

Next.js TypeScript Redux Jest

GitHub top language GitHub code size in bytes GitHub commit activity License: MIT

Welcome to SetApp, an app designed to help beginner developers create their first Minimum Viable Product (MVP). This app provides valuable tips on which frameworks to use, the database schema, color schema, and step-by-step guidance on how to proceed. Powered by OpenAI, SetApp aims to simplify the MVP creation process for aspiring developers.

Organization: BlauPrint

BlauPrint is an organization consisting of four talented developers who are passionate about helping beginners kickstart their development journey. Our team has created separate repositories for the client-side (https://github.com/blauprint/setapp-client) and server-side (https://github.com/blauprint/setapp-server) components of the app.

Features

  • Step-by-step guidance for creating your first MVP
  • Framework recommendations for different aspects of your project
  • Database schema suggestions
  • Color schema suggestions for a visually appealing interface
  • Seamless integration with OpenAI for enhanced functionality

Getting Started

To get started with SetApp, follow the instructions below:

Client-Side Installation

  1. Clone the client-side repository from GitHub.
  2. Open a terminal and navigate to the cloned directory.
  3. Install the necessary dependencies by running the following command:
npm install
  1. Create a new file named .env in the root directory and populate it with the required environment variables listed in the sample.env file.

  2. Run the development server using the following command:

npm run dev
  1. Access the app by opening your browser and visiting the provided PORT (e.g., http://localhost:3000).

Server-Side Installation

  1. Clone the server-side repository from GitHub.
  2. Open a terminal and navigate to the cloned directory.
  3. Install the necessary dependencies by running the following command:
npm install
  1. Create a new file named env.local in the root directory and populate it with the required environment variables listed in the sample.env.local file.

  2. Start the development server using the following command:

npm run start:dev

Note: Make sure the MongoDB database is running and accessible.

Environment Variables

Below are the environment variables required for running the SetApp app:

Client-Side Environment Variables

  • PORT: The port number on which the client-side app will run.
  • NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY: The public key for Clerk authentication.
  • CLERK_SECRET_KEY: The secret key for Clerk authentication.
  • DATABASE_URL: The URL of the MongoDB database.

Server-Side Environment Variables

  • NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY: The public key for Clerk authentication.
  • CLERK_SECRET_KEY: The secret key for Clerk authentication.
  • NEXT_PUBLIC_BASE_URL: The base URL of the server-side app.
  • OPENAI_API_KEY: The API key for OpenAI integration.
  • COMPLETION_PROMPT: The prompt for OpenAI to generate suggestions.

Please ensure you have these variables set correctly for the app to function properly.

Technologies Used

BlauPrint is built using the following technologies:

  • Nest.js: A progressive Node.js framework for building efficient and scalable server-side applications.
  • MongoDB with Prisma: A modern database toolkit for TypeScript and Node.js that integrates seamlessly with MongoDB.
  • Next.js: A React framework for building server-side rendered and statically generated web applications.
  • Redux: A predictable state container for JavaScript apps.

Contributing

We welcome contributions from the community to improve and enhance BlauPrint. If you would like to contribute, please follow these guidelines:

  1. Fork the repository and create your branch from main.
  2. Make your desired changes and ensure the codebase adheres to the existing style.
  3. Test your changes thoroughly.
  4. Create a pull request describing your changes and the problem they solve.

We appreciate your contributions in making BlauPrint better for aspiring developers.

Support

If you encounter any issues or have questions about BlauPrint, please open an issue on GitHub. Our team will be happy to assist you.

License

BlauPrint is released under the MIT License. Please review the license file for more details.


Thank you for choosing BlauPrint as your guide to create your first MVP! We hope you find this app helpful on your development journey. Happy coding!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •