In this application, a user can create an account and log in to view their projects (ie. freelance contracts, job applications, etc). Upon selecting a project, the user then sees the details for that project, including a list of any timestamped notes they may have added.
React Component Structure:
- Clone this repository
- To start the React app:
- Navigate to the "frontend-react" directory
- Run the command "npm install"
- Run the command "npm run start"
- Go to the URL "http://localhost:8080/" in a browser
- To start the C# API:
- Navigate to the "api" directory
- Run the command "dotnet restore"
- Run the command "dotnet ef database update"
- Run the command "dotnet watch run"
- To visit Swagger documentation for the API, go to the URL "http://localhost:5000/swagger/" in a browser after starting the watcher (with "dotnet watch run")
Once both the API and the react app are running, you may visit "http://localhost:8080/" in a browser and log in as the test user (username and password are both "test") to see sample data.
This project was primarily an opportunity to create a full-stack application using C# on the backend and React on the frontend. While this main goal has been achieved, only partial CRUD (Create, Read, Update, and Delete) functionality has been implemented for projects and notes. Implementing full CRUD functionality for both projects and notes in both the React app and the API is one of several ongoing goals as we continue to improve this project.
- C#
- ASP.NET Core
- JavaScript
- React
- Webpack
- ESLint
- Babel
- SQL
- Entity
- Swashbuckle/Swagger
- Materialize
- CSS
- HTML
Open-source
Copyright (c) 2019 Ethan Samuels-Ellingson and Jacqueline Remmel