Git Product home page Git Product logo

pasta's Introduction

Pasta

Project Pasta is a secret project

Steps

Initial Steps:

mkdir frontend backend
cd backend
echo node_modules > .gitignore
touch .env
touch server.js
npm init -y # Initialise npm

Adding into package.json file:

"scripts": {
    "error": "echo \"Error: no test specified\" && exit 1",
    "test": "nodemon server.js",
    "start": "node server.js"
  },

Back to terminal to install packages:

npm i reactstrap express mongoose body-parser cookie-parser morgan nodemon dotenv cors express-validator jsonwebtoken express-jwt formidable lodash slugify string-strip-html shortid google-auth-library @sendgrid/mail

Setup Cloud database (NoSQL MongoDB)

On MongoDB Atlas website and create a cluster. Make sure IP is included. Click Connect choose Connect to your application. Copy the API line into .env file:

mongodb+srv://<username>:<password>@<cluster>.hli6fvs.mongodb.net/?retryWrites=true&w=majority

Route Designs

mkdir controllers helpers models routes validators

Main Page

Landing on page of 10 Latest, 5 New, 5 Popular, 5 Trending, 5 Completed, 5 Picks.

Main Page Links

  1. Read - Popular, Trending, Picks, Latest, New, Completed The page will display lists of titles that each filter according to the statistics.
  2. Write - Athour's Dashboard
  3. Community - Disqus, Discord, Reddit
  4. Support - Technical FAQ, Ticket
  5. About - Legal and policy statements
  6. Donate - Patreon, KoFi, Metamask, include accounting.
  7. Search - Title advance search with tags
  8. Account - Sign up and login
  9. Fictions - The database
mkdir readpage writepage community support about donate search account fictions

Inside each folder, there will be a .js file that will be called by the main server.js.

Frontend

Color Palatte

  • Orange Pink: #DE5542
  • Dark Blue: #3F53&1
  • Dark Green: #62673B
  • Gold: #F7A049
npm init -y
npm install --save next react react-dom next/dynamic
npm i query-string isomorphic-fetch js-cookie jsonwebtoken moment nprogress prop-types 
query-string react-google-login react-quill reactstrap @zeit/next-css
npm i react-render-html --legacy-peer-deps
npm i with-styled-components with-styled-components-app

To run on local: npm run dev

26/02/2023 ES6 code updated for backend. Need to test run by editing the keys.

pasta's People

Contributors

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