CodeFramer

CodeFramer is a versatile code editor built to enhance your coding experience with its intuitive interface and powerful features.

Features

• Modern Interface: Enjoy a clean and intuitive user interface designed for productivity.
• Secure Authentication: Ensure secure access with email verification for user authentication.
• Enhanced Performance: Experience faster coding and editing with optimized performance.
• Resource Efficient: CodeFramer operates efficiently, minimizing system resource consumption.
• AI Chatbot Support: Get intelligent assistance and real-time support for your coding queries.
• Syntax Highlighting: Benefit from accurate syntax highlighting across various programming languages.
• Autocomplete: Speed up your coding process with intelligent autocomplete suggestions.

Tech Stack

• FullStack Framework: Next.js 14
• Database: MongoDB
• Authentication: Jose (JWT)
• Styling: Tailwind CSS, ShadCn
• Other Libraries: React Query, Redux Toolkit, Nodemailer, React-Markdown, Monaco Editor, UUID, Bcryptjs, React Icons, Mongoose

Installation

Prerequisites

• Ensure you have Node.js installed on your machine.

Steps

1. Clone the repository:

   git clone https://github.com/lakshaybabbar/codeframer.git

2. Navigate to the project directory:

   cd codeframer

3. Install dependencies:

   npm install

4. Configure Environment Variables:

   • ACCESS_SECRET_KEY: User-defined access secret key
   • URI: MongoDB URI address
   • BASE_URL: Hosting address
   • SMTP_HOST: SMTP Host Address
   • SMTP_PORT: SMTP Port Number
   • SMTP_USERNAME: SMTP Username
   • SMTP_PASSWORD: SMTP Password
   • NEXT_PUBLIC_AI_API: Google AI Studio API

5. Start the development server:

   npm run dev
   

Contributing

We welcome contributions from the community! If you have ideas for improvements or bug fixes, please feel free to submit a pull request.

Bug Reports

If you encounter any bugs or issues while using CodeFramer, please open an issue on GitHub with detailed information about the problem.

License

CodeFramer is licensed under the MIT License.