Skip to content

MyNotes is a note management web application in which you can customize and organize your notes. The idea of the app is to make it easy to create and organize notes, in order to provide a simple and usual experience that fits perfectly into your daily life. The app was developed in React.js with Typescript and styled using styled-components.

rodrigsmor/mynotes-ui

Repository files navigation

MyNotes logo icon

MyNotes - The note management web application

📜 Description

MyNotes is an annotation management web application that aims to make life easier for its users by allowing them to organize, customize and manage their annotations. In MyNotes you can create multiple notes by defining a name, description, adding images, text and links, as well as categorizing and dividing them into different groups (or collections).

🛠️ Technologies

Yarn NPM Vite react Figma Redux Javascript react-router-dom typescript styled-components

📺 How to visualize and install

If you do not want to install the application on your local device, just go to the following link: 🔗 click here.

Otherwise, make sure Git is installed, as well as npm and Yarn. If these tools are not already installed on your device, 🔗 click here to find some support links and/or tutorials that will help you install them.

# this command will create a repository clone on your local device
git clone https://github.com/rodrigsmor/mynotes-ui.git

# this command will go to the cloned repository
cd mynotes-ui

# this command will install all application dependencies
yarn install

# this command will run the app on your local device 
# the --host flag it's optional, you only need to use it when you want to access the server on other devices connected to your network
yarn run dev --host

By running these commands, the application can be used by you. To see MyNotes running, just open in your favorite browser the following server ˋhttp://localhost:3000ˋ. Now you just have to enjoy and explore the application.

detail: if you used the --host flag, the link might be different, on your command line there will be the correct link, just copy and paste it into the browser.

📺 Demonstrations

Login page

MyNotes login page
📓 • 📓 • 📓

Overview page

MyNotes overview page
📓 • 📓 • 📓

All notes page

MyNotes all notes page

🌎 Support links and tutorials

👨🏽‍💻 Author


Rodrigo Moreira profile picture

Rodrigo Moreira 🌠

🌐 Developed by Rodrigo Moreira da Silva 👨🏽‍💼❤️

Badge Twitter Badge Linkedin


Copyright (c) 2023 Rodrigo Moreira da Silva

About

MyNotes is a note management web application in which you can customize and organize your notes. The idea of the app is to make it easy to create and organize notes, in order to provide a simple and usual experience that fits perfectly into your daily life. The app was developed in React.js with Typescript and styled using styled-components.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published