chingu-prework-journal's People
chingu-prework-journal's Issues
Backend: Design and create your backend
Checklist
- Set up your backend boilerplate (e.g. database URI)
- Create the note schema
- Create the backend routes (e.g. GET, POST)
Use Accessibility techniques (i.e. a11ly) to improve your site for users with impairments
Includes a ReadMe file with instructions for installing and launching the project
Include tests cases using tools like Jest, Enzyme, etc.
Choose a techstack
Choosing a techstack
There are so many technologies you can choose from for this project. If you are in doubt, we recommend the MERN (MongoDB, Express, React, Node.js) stack.
Advice
If this is your first time using any of the technologies you have considered for this project, it might be wise to familiarize yourself with its documentation or a few videos that can get you warmed up with the way it works.
If you already know your stack, try to choose a bonus feature you are not familiar with.
We recommend choosing at most 1-2 new technologies or practices in order for you not to overwhelm yourself. ;)
Frontend: Identify and create the main components of your frontend application (e.g. Header, Note, NoteForm, NoteList)
Handle any edge cases
E.g. required title and body fields, handling of error messages when performing backend requests, loading functionality, etc.
Implement a Responsive Design
Implement a Responsive Design that supports multiple types of devices (e.g. phone, tablet, computer)
NOT where it looks terrific on a gigantic screen but is difficult to see or use on mobile. This template is intended to be great on any screen size :)
Implement service workers to improve performance by relying on cached data
Backend: Implement authentication
Make a new github repository and clone it on your local machine
Add a CONTRIBUTION file with some instructions on how/if to contribute to your project
Added functionalities (e.g. ability to upload pictures or audio clips)
Make it a Progressive Web App (PWA)
Frontend: Implement the necessary functionality for each component (e.g. post a new note to add to the existing list, update list of messages with new posts)
Console is free of any errors
Frontend: Connect your frontend application to your backend application
Setup Project
Set up your project directory, sub-directories, readme.md skeleton, .gitignore, etc.
Use as FEW external packages and libraries as possible to reduce the number of dependencies
If it doesn't have node_modules or <script> tags is a good indicator! If you double click index.html locally, without running node or anything, does the page open, look good, and work?
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.