A basic React app that allows you to look up Github profiles and add Notes to those profiles. A PostgreSQL database is used for storing a users notes. Based on https://egghead.io/lessons/react-building-a-react-js-app-notetaker-introduction.
https://githubnotetaker.craigstroman.com/
- git clone https://github.com/craigstroman/github-notetaker.git.
- cd github-notetaker.
- Run npm install.
- Once the server is started, then go to http://localhost:3000.
npm run live:server- Starts the development environment for the server and client.npm run scss- Builds the CSS for the server views and watches for changes.npm run prod:build- Builds the production client.npm run prod:server- Starts the server in production.
- Switched to PostgreSQL
- Started using TypeScript
- Upgraded React and switched to using React Hooks
- Switched to using Redux Toolkit
- Added the ability to update existing notes
- Dropped Bootstrap
- Switched to using grid for CSS layout
- Started using Mongo for the database
- Switched to using PostgreSQL and Sequelize.
- Upgraded Node-SASS.
- Upgraded NPM passport-google-oauth.
- Added profile picture in top right corner.
- Switched from Node Env File to DotENV.
- Added GitHub OAuth login.
- Upgraded version of React and React-Dom being used.
- Fixes to header view on server.
- CSS fixes on client side.
- Refactored router for the React client.
- Converted to a MERN (Mongo, Express, React, Node) stack rather then use localstorage.
- User can log in with a OAUTH account using Google, or Facebook to compose notes.
- Switched to using Redux with React.
- Reorganized the client app.
- Added the ability to delete individual notes from a profile of a repo.
- Fixed an issue with the pagination component and rendering when a new profile is loaded.
- Added a paginantion component for the user repos.
- Set up validation for the search input field.
- Refactored some of the methods.
- Added more documentation for some of the methods.
- Added error message if a user is not found.
- Moved local storage functions to own module located in the utils folder.
- Fixed a issue with new notes not being saved to the correct repo.
- Switched to using Webpack for build process in both development and production.
- Fixed issues following Eslint and made various improvements.
- Dropped Gulp for everything ecept the build process and building css, and updating html. Using Webpack and NPM for everything else.
- Created app using React.
- The example app I was learning from used Firebase for saving the notes, but I decided to use local storage.