Giter VIP home page Giter VIP logo

cutiehack2020frontend's Introduction

Cutie Hack Frontend

This is a front-end written with React, Typescript, Redux-saga, and Redux saga-slice. The backend (repository here) is created using Strapi.

Get started

You must have node and yarn installed.

Clone the repository

git clone https://github.com/citrushack/CutieHack2020Frontend.git
cd CutieHack2020Frontend

Install dependencies and start the server

# Using yarn
yarn install
yarn start

The server should launch at http://localhost:3000. Auth won't work unless you also run the backend. Currently the site just contains a registration form and a way to upload a resume.

Tooling information

This app was created with the react-boilerplate-crea-template. It gives us nice default settings for linting, prettification, and super useful generator scripts (yarn run generate). Docs here.

cutiehack2020frontend's People

Contributors

codejeet avatar r-jo1 avatar

Stargazers

Rajbir Johar avatar  avatar Danial Beg avatar

Watchers

James Cloos avatar Kyle Minshall avatar  avatar Patrick Tumbucon avatar Gabriel M Gomez avatar Danial Beg avatar

cutiehack2020frontend's Issues

Migrate to a newer version of react-boilerplate

It has come to my attention that there are a lot of security vulnerabilities within our node modules. The problem is that version of react-boilerplate we are using is now deprecated and is a soup of dependencies that difficult to hand tune, given that most of the packages are out of date now. This also makes it difficult to add new modules, which we probably want to do.

React-boilerplate has moved from a standalone script to a create-react-app script, it seems that the original react boilerplate is no longer being maintained.

Most of the core technologies are the same (redux, redux-saga, react router, reselect) but now the boilerplate uses typescript.

In theory the transition shouldn't be so hard. In the next few days, I'll be attempting to migrate the code over. I encourage you to do the same, and if you figure it out please submit a pull request.

This issue should take priority over the other ones since the development of other features are contingent on it.

Implement groups UI

Once we add a groups api endpoint in the backend, we should create a UI for searching through groups and creating groups. This should probably be a separate page of the site.

It's important that we implement the stateful UI using redux actions and do the async actions with redux-saga.

Create a profile page

We must create a ProtectedRoute that allows the users to change their account details if needed.

Refactor CSS

  • Split CSS by components
    Done
  • Accordion
  • Nav
    In Progress
  • Global
  • Each section on index
  • Split each section on index by component
    Done
  • Index svg's
  • Nav
    In Progress
  • Accordion
  • Google form links
  • Sponsors

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.