chioio / srcube-code-client

🎓 A web online editor like codepen for graduation design.

Srcube Code  |  Client

🎓 A web online editor similar to the codepen.io for my graduation design, this repo contains the client side source.

Tech stack

• RESTful API
• React with TypeScript for the basic UI building.
• Next.js for architect the basic SSR application.
• React Context API manage state.
• Tailwind CSS 3.0 build the app styles.
• Fontawesome Icons support
• Monaco-editor for the code editor
• React hook form for building the forms.
• Yup for form data validation.
• WebAssembly for code highlight.
• etc.

Development

Run the development server locally:

# install the deps
pnpm install
# then
pnpm dev

Open http://localhost:3000 with your browser to see the result.

Declaration

! Not allowed to copy or borrow.

This project just allows you to learning or using to reference for your project development.

Thanks a lot, coding have fun! ✨