Git Product home page Git Product logo

Michael Manlulu's Projects

bulletproof-react icon bulletproof-react

🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

learn_nextjs_api-routes icon learn_nextjs_api-routes

NextTCG-8: Writing API Routes, Parsing Incoming Request & Executing Server-side code, Sending Requests to API Routes, Using API Routes to get data, Using API Routes for Pre-rendering Pages, Creating & Using Dynamic API Routes, Exploring different ways of structuring API Route

learn_nextjs_pages-and-file-based-routing icon learn_nextjs_pages-and-file-based-routing

NextTCG-3: Adding static and dynamic routes, extracting route related data, building nested routes, adding catch all routes, Link Component, Navigating Programmatically, Custom 404 Page

learn_nextjs_prerendering-and-data-fetching icon learn_nextjs_prerendering-and-data-fetching

NextTCG-5: SSG with getStaticProps, ISR with revalidate, SSR with getServerSideProps, Dynamic pages with getStaticPaths, Working with fallback & not found pages, Client-side data fetching, useSWR, Combining Pre-fetching with client-side fetching

learn_node_async-requests icon learn_node_async-requests

NTCG-22: What are Async Requests, Adding Client Side JS Code, The JSON data format, Sending & Handling Background Requests, Manipulating the DOM

learn_node_authentication icon learn_node_authentication

NTCG-15&17: Implement authentication with Session & Cookies, Password Encryption using bcryptjs, Add SignIn & SignOut Functionalities, Route Protection, Adding CSRF Protection using csurf, Adding Authentication Feedbacks using connect-flash, Sending emails, Resetting Passwords, Implement Authorization, Adding protection to Post Action

learn_node_file-upload-and-download icon learn_node_file-upload-and-download

NTCG-20: Handling Multipart Form Data, Handling file with Multer, Filtering Files with Mimetype, Storing File Data to Database, Serving Images Statically, Downloading Files with Auth, Setting File Type Headers, Restricting FIle Access, Using PDFKit for pdf Generation

learn_node_pagination icon learn_node_pagination

NTCG-21: Retrieving chunk of data, Skip & Limit with SQL, Preparing Pagination Data on the server, Adding Dynamic Pagination Buttons

learn_node_rest-api icon learn_node_rest-api

NTCG-25: Build REST API app, CRUD features, Adding server side validation, Database management with Mongoose, Handling static assets (images), Implement Error Handling, Handling File Uploads, Adding Pagination, Implement Authencation with JWT, Adding Authorization Checks

learn_node_sessions-and-cookies icon learn_node_sessions-and-cookies

NTCG-14: Working with Cookies & Sessions, Store Session data to MongoDB database, Use express-session & connect-mongodb-session packages

learn_node_validation icon learn_node_validation

NTCG-18: Validation using express-validator, Custom validators, Async Validation, Sanitizing Data

learn_node_with-mongodb icon learn_node_with-mongodb

RTCG-12: What is MongoDB, Relations in NoSQL, Setting up MongoDB, Creating & Using Database Connection, CRUD with MongoDB

learn_node_with-mongoose icon learn_node_with-mongoose

RTCG-13: What is Mongoose, Connecting to MongoDB Server with Mongoose, Dealing with Schemas/models, Instances, Relations, CRUD with Mongoose

learn_node_with-sequelize icon learn_node_with-sequelize

NTCG-11: Connecting to Database, Defining a Model, Syncing JS Definitions, CRUD with Sequelize, 1-to-1 Relation, Using Magic Association Methods, 1-to-many Relationship

learn_react_adding-animations icon learn_react_adding-animations

RTCG-24: Animating using CSS Transitions & Animations, ReactTransitionGroup Transition, CSSTransition & ReactTransitionGroup components

learn_react_adding-authentication icon learn_react_adding-authentication

RTCG-22: Adding Authentication on React Apps, JWT, Using Firebase Authentication Feature & Auth REST API, Adding User Sign-up & Login & Logout, Managing auth state with Context, Using Token for Protected Resources, Route Guard, Persisting Auth Status using localStorage, Adding auto-logout

learn_react_class-based-components icon learn_react_class-based-components

RTCG-13: Class based components, render(), this.state.property, this.method.bind(this), setState(), componentDidMount(), componentDidUpdate(), componentWillUnmount(), Using context, Error Boundaries: componentDidCatch(err) {}

learn_react_diving-into-redux-pt2 icon learn_react_diving-into-redux-pt2

RTCG-18.2: Using react-redux & @reduxjs/toolkit, Provider, useSelector(), useDispatch(), Redux with Class-based components (connect, map[States/Dispatch]ToProps), configureStore(), createSlice(), Organizing our slices/reducers/actions

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.