CodeFramer is a versatile code editor built to enhance your coding experience with its intuitive interface and powerful features.
- Modern Interface: Enjoy a clean and intuitive user interface designed for productivity.
- 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.
- Frontend: Next.js 14
- Backend Next.js 14 API Routes, flask
- Database: MongoDB
- Authentication: Jose (JWT)
- Styling: Tailwind CSS, ShadCn, Aceternity UI
- Other Libraries: React Query, Redux Toolkit, Monaco Editor, React-Markdown, Bcryptjs, Mongoose
- Ensure you have Node.js installed on your machine.
-
Clone the repository:
git clone https://github.com/lakshaybabbar/codeframer.git
-
Navigate to the project directory:
cd codeframer
-
Install dependencies:
npm install
-
Configure Environment Variables:
ACCESS_SECRET_KEY
: User-defined access secret key for JWTURI
: MongoDB URI addressBASE_URL
: Hosting addressNEXT_PUBLIC_AI_API
: Google AI Studio APICOMPILER_URL
: Path of python compilerACCESS_KEY
: User-defined access secret key for compilers
-
Start docker container for compiling python code:
cd compiler/python docker build -t pycompiler . docker run -p 5000:5000 --name compiler pycompiler
-
Start the development server:
npm run dev
We welcome contributions from the community! If you have ideas for improvements or bug fixes, please feel free to submit a pull request.
If you encounter any bugs or issues while using CodeFramer, please open an issue on GitHub with detailed information about the problem.
CodeFramer is licensed under the MIT License.