gaymers-app's People
gaymers-app's Issues
Set up database
Create db building and connecting scripts
Set-up file structure
- Create a
public
folder, containing:
-
index.html
-
style.css
-
normalize.css
-
assets
folder, containing:-
favicon.ico
-
- Create a
src
folder, containing:
-
model
folder, containing:-
db_connection.js
-
-
views
folder, containing:-
layouts
folder, containing:-
main.hbs
-
error.hbs
-
-
partials
folder
-
-
controller
folder, containing:-
error.js
-
index.js
-
-
app.js
-
index.js
- Create a
tests
folder:
-
public.test.js
-
src.test.js
-
db.test.js
- Create a
db
folder:
-
db_build.js
-
db_build.sql
-
db_connections.js
- Create ___ in the root folder:
-
config.env
-
.gitignore
-
.eslintrc
Install Node, dependencies and development dependencies
- Node
Dependencies:
- autoprefixer
- body-parser
- env2
- express
- nock
- postcss
- serve-favicon
Development Dependencies:
- babel
- codecov
- eslint
- istanbul
- nodemon
- supertest
- tachyons
- tape
- tap-spec
- webpack
Root Files:
- .gitignore
- config.env
- .travis.yml
Create Second Server for front End
Create second server for front end react use. We need two servers
- One for express
- One for react
We need to set up proxies to get a seamless way to connect the parts together.
Set-up remote database in Heroku
Write user stories for prototype 1
write the user stories and set of requirements that were used to create first prototype.
Remove Tachyons
- Remove Tachyons from current architecture.
- Remove inline Tachyon code
remove .idea folder
remove WebStorm text editor IDE folder from repo.
Add second prototype gif
Gif of user journey after tweaking the idea speaking to PO and GaymerLDN community stakeholders.
create design sprint folder to house all sprint folders and files
create a design documents folder and move prototype and wireframes folders to it, and to put all future design related files to it.
Create Method to Update New User Status
Add db method to change newUser status to false
Create games table in db
Create games table in db and posting functionality.
Set up Facebook OAuth Functionality
Create Passport authentication for Facebook. Retrieve all relevant information back from profile.
Link up Facebook auth on the front end
Create the main sign on with facebook entry page.
Wire up react routes
Wire up all the react routes in the front end, giving considerations for authentication.
Add user personas readme
Add readme for different profiles/personas requirements.
Set-up Travis C.I.
Add first prototype gif
Gif for 1st user journey prototype. Prototype made for PO to assess and give feedback.
Add product owner wireframes
Upload third iteration wireframes after PO's feedback on 2nd prototype.
Readme section for repo setup
When cloning the repo:
- install npm modules "make sure latest version"
- initiate eslint
- setup local database for testing
Create game genre object
create a game genre object with the 16 genres.
Styling
Create effective styling to work with the app in a component based style. Currently the build is using tachyons. This does not allow view encapsulation effectively and uses messy.
Methods I have considered are:
- CSS with modules
- Styled components
I have decided to use style components as it will help build component based styling.
Initial comparison video:
Create folder for prototypes
Since there will be more than one user journey prototypes, in order to keep repo tidy, all prototypes should sit in one folder.
Add style components
- Install styled components
- Introduce to the main layout
Add additional dependencies
Add additional npm dependencies for new design
- create react app
- cookie-sessions
- passport
- passport-facebook-strategy
- react
- redux
- react-router-dom
- react-redux
- pg
- igdb-api-node
Set-up Heroku
Install 2 npm modules
Postgres module:
-
pg
Node.js wrapper for the IGDB.com:
-
igdb-api-node
Add MVP mission statement
A clearly defined MVP mission statement that encapsulates the user journey in prototype 1.
Set-up server
Start up basic server in express to see package is running and get a first test to see if travis cli is functional.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.