- Install to the course
- Install development tools
- Create Angular App
- Create project's folder
- Install @angular/cli
- Create App as frontend
- Add Header
- Generate Component
- Add HTML
- Add Css
- List foods
- Create food model
- Create data.ts
- add sample foods
- Add images to assets
- Create Food Service
- Create Home component
- Add ts
- Add html
- Add css
- Search
- Add method to Food service
- Add search route
- Show search result in Home component
- Generate search component
- Add to home component
- add ts
- add html
- add css
- Tags Bar
- Create tag Model
- Add sample tags to data.ts
- Food Service
- Add get all tags method
- Add get all foods by using tag method
- Add tags route
- Show tag results in Home component
- Generate Tags component
- Add to home component
- Add ts
- Add html
- add css
- Food Page
- Add method to food service
- Generate Food Page component
- Add Route
- Add ts
- Add html
- Add css
- Cart Page
- Create cartItem Model
- Create Cart Model
- Generate Cart Service
- Add to Cart Butoon in Food Page
- Generate Cart Page Component
- Add Route
- Add ts
- Add html
- Add css
- Connect To Backend
- Create backend folder
- npm init
- npm install typescript
- Create tsconfig.json
- create .gitignore
- Copy data.ts to backend/src
- npm install express cors
- Create server.ts
- install @types
- add apis
- npm install nodemon ts-node --save-dev
- Add urs.ts to frontend
- Add HttpClient module
- Update food service,,
- Login Page
- Generate Component
- Add to router
- add ts
- add html
- Import Reactive Forms Module
- Add Css
- Add Login Api
- Use json
- add jsonwebtoken
- Test Using postman
- Generate User service
- Generate User model
- Add user subject
- Add login method
- Add User Urls
- Generate IUserLogin interface
- Add ngx-toastr
- Import Module
- Import BrowserAnimationsModule
- Add Styles in angular.json
- Add to header
- Add Local storage methods
- add logout method
- Add to header
- Generate Component
- Make Components for login page
- Input Container
- Input Validation
- Text Input
- Default Button
- Connect Login API to MongoDB atlas
- Moving Apis into routers
- Create MongoDB Atlas
- Create .env file
- Install
- mongoose
- dotenv
- bcryptjs
- jsonwebtoken
- express-async-handler
- Connect to MongoDB Atlas
- Use MongoDB instead of data.ts in apis
- Register User
- Add Register api
- Add register service method
- Add register link
- add register component
- Loading
- Add image
- add component
- Add service
- Add Interceptor
- Checkout Page
- Create order model
- Create checkout page component
- Add to router
- Add user to user service
- Add cart to cart service
- Create Order Items List component
- Adding Map to the checkout page
- Add leaflet npm package
- Add leaflet npm package
- Add Css to angular.json
- Add adressLatLng to order model
- Create Map component
- Add to checkout page
- add ts
- Change app-map selector to map
- Add Html
- Add css
- Add auth Guard
- Add leaflet npm package
tapbox-website's Introduction
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.