Giter Site home page Giter Site logo

nirinasoa-herilanto / my-workspace Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.4 MB

A place where you can collaborate, communicate, plan, and exchange with your team easily ๐Ÿ˜ƒ.

JavaScript 0.80% HTML 0.96% TypeScript 96.87% MDX 1.38%
fullstack-development framer-motion storybook

my-workspace's Introduction

My workspace

A place where you can collaborate, communicate, plan, and exchange with your team easily.

Getting started

1 - Project management

To stay organized on this project, I use Notion. At the end of the projects, I will publish it.

For questions, any advice for improving the app, and more. Feel free to contact me, here is my email address [email protected]

2 - Authentication

The app use third-party Firebase auth service for managing users authentication.

3 - Env variables

Before running the application, we need to set up our env variables on each application. i.e. both client and server. You can do it by adding a new file .env, then add your env variables

  • Client

    P.S: for the client .env will be set to .env.development, but in production mode, we will be set to .env.production. For more information about configuring env variable, we can visit the docs by Vite.JS/env.

    VITE_API_ENPOINTS=http://localhost:8000/api/v1/
    VITE_GRAPHQL_ENDPOINTS=http://localhost:8000/graphql
    VITE_SIGNUP_LINK_REDIRECTION=http://localhost:5173/complete-registration
    VITE_FORGOT_PASSWORD_LINK_REDIRECTION=http://localhost:5173/auth?tab=login
    VITE_API_KEY_FIREBASE=...
    VITE_AUTH_DOMAIN_FIREBASE=...
    VITE_PROJECT_ID_FIREBASE=...
    VITE_STORAGE_BUCKET_FIREBASE=...
    VITE_MESSAGING_SENDER_ID_FIREBASE=...
    VITE_APP_ID_FIREBASE=...
    VITE_MEASUREMENT_ID_FIREBASE=...
    
  • Server

    PORT=8000
    DATABASE_LOCAL="mongodb://127.0.0.1:27017/my-workspaces"
    DATABASE_URL= ... your MongoDB Atlas endpoint ...
    

4 - Local dev

After cloning the project on my repository, we can follow these commandes to run the application. And please sure that you are in the project root directories.

// for cloning project
git clone https://github.com/nirinasoa-herilanto/my-workspace.git
  • Client (React.JS + Vite)

    cd .\client\
    
    // you need to install all dependencies
    npm install
    
    // to run the application
    npm run dev
    

    By default the client app will be available on http://localhost:5173

  • Server (Node.JS & Express)

    cd .\server\
    
    // you need to install all dependencies
    npm install
    
    // to run the application
    npm run dev
    

    By default the server app will be available on http://localhost:8000/api/v1/ and the graphql server on http://localhost:8000/graphql

Deployment N/A

Author

Nirinasoa Herilanto

Acknowledgments

  • All my friends for their support.
  • Marius Espejo, for his Storybook advice.

my-workspace's People

Contributors

nirinasoa-herilanto avatar

Watchers

 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.