Giter Club home page Giter Club logo

synchro's Introduction

synchro

A Full Stack Open project.

By: Arnel Imperial

Student Number: 017729895

Synchro


⏱️ Time Entries

Date Started(Backend): 22.1.2023 - 28.2.2023

Date Started(Frontend): 31.1.2023 - 28.2.2023

Links to my contributions to this project are provided, as well as a detailed breakdown of the time I allocate to it. Some of my hours are also spent on this abandoned repository during the early stages of development. Initially I intended to deploy the backend and frontend separately on different hosting providers, but an issue emerged later on, and I had to integrate the backend and frontend together.

Date Time (hours) Details
22.01.2023 5.2 Initial
23.01.2023 - 29.01.2023 29.8 First Week
30.1.2023 - 05.02.2023 57.4 Second Week
06.2.2023 - 12.02.2023 58.3 Third Week
13.2.2023 - 19.02.2023 66.7 Fourth Week
22.2.2023 - 26.02.2023 38.95 Fifth Week
27.2.2023 - 28.02.2023 16.4 Finale
TOTAL 272 hours

PDF versions of my hours are also available on this link. Entries are separated per week basis.

🧐 Information about the project and how to use the app

The information in this link may be useful in navigating the site and learning more about the project.

🤖 CLI Commands

# creating python virtual environment
python -m venv venv

# activating python virtual environment
source venv/bin/activate

# install dependencies (backend)
pip install

# creating super user
python manage.py createsuperuser

# creating backend project
django-admin startproject core .

# creating backend local apps
python manage.py startapp <example_app>

# serve backend at localhost:8000
python manage.py runserver

# generating requirements file
pip freeze > requirements.txt

# collect static assets before prod
python manage.py collectstatic

# creating local postgres database
$ psql -U postgres
$ CREATE DATABASE db OWNER user
$ GRANT CONNECT ON DATABASE db TO user;
$ GRANT ALL PRIVILEGES ON DATABASE db TO user;

# install dependencies (frontend)
yarn add

# build frontend prod
yarn run build

# lint and format
yarn run format && yarn run lint:fix

💫 Deploy

Full stack web app is available at https://www.arnelimperial.com. It should be noted that the site may be slow when making a request.

synchro's People

Contributors

aiotrope avatar

Watchers

 avatar  avatar

synchro's Issues

Full stack project review

Hi @aiotrope!

I reviewed your Full stack project. You do not have to do anything to receive the credits, but if you like you can take advantage of my comments in this or future projects.

Application
The application design is pleasant.
As created a new user, in sign up if the password is too similar to the username, the error message shown in the app is "request failed with status code 404 - undefined". It seems that for some reason the error message is not shown even though it is in the response coming from the backend. The reason could be this. Should it be instead of this
toast.error(`Error: ${error.message} - ${error.response.data.detail}`)
like this
toast.error(`Error: ${error.message} - ${error.response.data.message}`)?

I think I saw in some other component the latter one.

Code

  • Code is well organized.
  • Documentation is comprehensive.
  • In general, instead of importing things like import * from 'library' it may be better to import exactly what is needed. This may cause problems, if libraries have functions with the same names. Although, I know that Yup documentation says exactly to do so.
  • You have utilized formik well and in an advanced way.
  • Also, nice to see that you have used linting.

Overall, well done!

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.