Git Product home page Git Product logo

ft_activity_tracker's Introduction

Activity Details App

The React application is deployed with the help of express server.

Deployed URL

The application is deployed in the below URL:
https://actlog.herokuapp.com/

## Available Scripts

Running Locally

In the project directory, you can run:

npm install

This command will install the dependencies for server app as well as client app.

npm run dev

This command will start the server as well as the client. We have used concurrently to start to concurrent servers at different ports. Server runs at http://localhost:5000 Client runs at http://localhost:3000 (Click to view it in the browser)

npm run lint:fix

Fixes the linting issues according to the plugin rules.

Server

This application uses express server. The data is served using express server.

Assets

This application uses images which are deployed in Amazon S3 Bucket.

State Management

The application uses Mobx for state management.

File Structure

client/src/assets is the place having the avatar images.

client/src/components is for the components that are generically useful.

client/src/mobx is for the MobX state management library. It has the application state, and can be managed by any React Components in the whole application.

client/src/routes is the folder which can help us render different screens. For now, the components inside it are just rendering other components, but can be used when expanding the application.

client/src/utils is a folder that has utility functions. Here, we are using few utility functions for date operations.

ft_activity_tracker's People

Contributors

ndm0501 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.