Git Product home page Git Product logo

goal-tracker-website's Introduction

Goal-Tracker-Website

Live Preview: https://goal-tracker.killiandebacker.com/

Important

The Goal-Tracker API is currently down due to some issues with Azure but will be back up sometime next week when I have time to work on the issues.

The website

This website allows you to track your goals and plans over time. There are categories to track goals and daily goals that are worked towards every day. There are different pages for different views. If you want to check it out you can make a test account without needing to give an email or password.

This website was made to learn React and improve my C# skills.

The API is live on Azure servers and encryption has been added, but for security reasons it will no longer receive updates on Github.

What I learned React

-Javascript object mutation and avoidance for easy component updates and predictable results.

-React router to have multiple pages with no loading needed.

-API tokens and storage, cookies on the front-end for continual use without needing to log back in .

-React Lifecycle Methods such as componentDidMount and shouldComponentUpdate for utility and optimization.

-Linting for best practices and naming conventions.

-Fetching from an API asynchronously with loading animations.

What I learned C# API

-Restful API design and implementation with GET, PULL, DELETE, and PATCH requests.

-User sessions with API tokens and authentication.

-Encryption hashing and salting passwords.

-SQL database design and implementation. Relational databases design.

-Cloud hosting using Azure.

TODO:

Add more pages.

goal-tracker-website's People

Contributors

killian264 avatar dependabot[bot] avatar

Stargazers

Markandey Sharma avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.