Skip to content

Alchemy-Notes/FRONTEND

Repository files navigation

Screen Shot 2022-01-19 at 7 32 38 PM

January 21, 2022

DEV Team

Why Note(d)??

Note(d) was created by developers for developers at any stage in their career. We really wanted to emphasize that developers spend a lot of time googling things, all the things. We were passionate about reducing the time it took to find the solution or answer to an issue. We designed an app that saves notes, ideads, solutions, or code snippets that keeps them formatted so it's readable. Whether it's how to create a react app or remembering what an error was, note(d) will keep those values stored away for you!

How

  • Login by creating a username && password || GitHub OAuth.
  • Once logged in you can immediately access your favorites or search by topic tags.
  • Create a note by entering the title, what you want the note to say, and tags (There is a markdown cheatsheet available😁).
  • Repeat over and over again!

Description

Note(d) is fun and creative app to store your most valued notes! It was built with developers in mind, to store all those great ideas and thoughts you may need later. It allows you to add customized tags to your note so when you're needing it a little later in life, you can retrieve them conveniently. You can go to sleep at night knowing that your notes are stored securely with our thoughtful authorization or GitHub OAuth, just waiting for you to log back in. Jump in and write a couple notes HERE!

notedMockupHomePageSmall notedMockupEditPageSmall

Tech Stack

FRAMEWORKS LIBRARIES LANGUAGES TESTING DATABASES AUTH/ OAUTH TOOLS
ReactJS Node.js JavaScript Jest Suite PostgreSQL JWT Visual Studios Code
Fetch API CSS TDD Heroku
React-router-dom CI Netlify
Express MSW Miro
BeeKeeper
PG Admin
Git
GitHub

Credit

markdown

Landing Page Illustration - by roserodionova

react-burger-menu

react-markdown

remark-gfm

Monitor Stock Image - by dashu83

Deployed Sites

Netlify hosted site: Here

Heroku hosted site: Here

Planning: Miro Board