Skip to content

churris-x/snippet-board-client

Repository files navigation

Snippet Board Frontend

React frontend for my Snippet Board website.

Snip it is a tool to help manage snippets of code. It features a full code editor with language syntax and colour themes. The design was based on Google's "Material Design" system along with being responsive and having a darkmode.

Each user can have as many snippets as they want, which are only visible to them, so an account is needed. The user is able to create, update, search and delete his snippets. The user can be authenticated with their password, stored as a hash or via a token if they logged in before. The frontend uses primarily React, Redux and MUI components, the backend is an Express NodeJS server with a PostgreSQL database.

I still plan to add more features that are on my todo list.

Screenshot

website screenshot

Wireframe

Wireframe image

Technologies

  • Packages
    • react
    • react-redux
    • axios
    • MUI material & icons

This project was bootstrapped with Create React App. Released under the MIT License.