Giters

kendreaditya / hackercrunch

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

  • Keywords: #[[📋 Projects]] Due Date: [[May 31st, 2021]]
  • :hiccup [:hr {:style {:borderColor "#bfccd6" :margin "0.75em 0em 0"}}]
  • [[TODOs]] #[[📋 Projects]]
    • {{[[DONE]]}} seasons-proj index.js
    • {{[[DONE]]}} brain storm for compeiton Common App Challenge
    • {{[[DONE]]}} research react classes and functional classes
    • {{[[TODO]]}} vscode react/js web devlopment debuging
    • {{[[TODO]]}} Find time to meet for project design
    • Learn react from course Due: [[February 4th, 2021]]
      • full course
    • {{[[TODO]]}} kotlin programing lanuage (used for creaing APIs)
  • :hiccup [:hr {:style {:borderColor "#bfccd6" :margin "0.75em 0em 0"}}]
  • React
    • Notes
      • Class vs Functional baised commponents
        • Classes
          • States and Hooks originally
        • Functional
          • States
          • Hooks
            • useState: lets you use a state
            • useEffect: allows you to mimic life cycle methods
            • useRef: creates a reference to html DOM
      • Life Cycles #Study
        • JS files aka your eract compenets will get loaded into the web rbowers
        • app component gets initlized
        • we make an api call to the geolocaiton serivcce
        • app compoent rtuern some jsx and that jsx gets rendered to a web page as HTML
        • we get the result of the geolocatoin
  • Git
    • Rebase - pulls the most recent changes to the branch and compares them with your changes (happens when you are ahead of HEAD)
    • Question: Local branch why?
    • [[Git comands]]
      • git clone
      • git pull (git pull to get most updated branch of master)
      • git checkout -b (creates copy of master branch)
      • git push --set-upstream origin
      • git add (to add changed files)
      • git commit -m (commits)
      • git push origin HEAD:master
      • git checkout master
      • git commit --amend -m "" (changes)
  • [[Resume]]

    • Keywords

    • Skills

      • Sprints
      • Scrum
      • System Design
      • Figma
      • Jira

    • eagle I have the reference somewhere but I cannot find it on Rome

  • Linken in #Study
  • Interview
    • Saim internview
      • C++ Udacity Course #Study
        • smart pointers
        • memory allocation
      • All Algoexpert
    • Notes
      • Outline
        • Write the problem down
        • Ask Questions
          • Is the input non-null
          • stored vs sorted
          • non-negative
          • Edge Cases
          • Get the though process
  • {{[[TODO]]}} Curriculum
    • {{[[DONE]]}} Week 1
      • {{[[DONE]]}} React
        • {{[[DONE]]}} Learning Javascript and JSX
        • {{[[DONE]]}} Communicating Props
        • {{[[DONE]]}} Class Based Components in React
        • {{[[DONE]]}} States in Components
      • {{[[DONE]]}} NodeJS
        • {{[[DONE]]}} Going over NPM and Modules
        • {{[[DONE]]}} Using Express to build RESTful APIs
          • Throttling
          • Clean Up function
          • setTimeout
    • {{[[DONE]]}} Week 2
      • {{[[TODO]]}} React
        • {{[[DONE]]}} Going over lifecycle methods and its importance
        • {{[[DONE]]}} Forms and events with user input
      • {{[[DONE]]}} NodeJS
        • {{[[DONE]]}} Diving into Express
        • {{[[DONE]]}} Leaning Asynchronous JavaScript: callbacks, promises, await
    • {{[[TODO]]}} Week 3
      • {{[[TODO]]}} React
        • {{[[TODO]]}} Styling in ReactJS
        • {{[[TODO]]}} Making API class in react
        • {{[[TODO]]}} Lists and Lists of components in React
      • {{[[TODO]]}} NodeJS
        • {{[[TODO]]}} Learning about MongoDB and the CRUD model
        • {{[[TODO]]}} Data validation
    • {{[[TODO]]}} Week 4
      • {{[[TODO]]}} React
        • {{[[TODO]]}} Introduction to Redux
        • {{[[TODO]]}} Integrating Redux and React together
      • {{[[TODO]]}} NodeJS
        • {{[[TODO]]}} Modeling Relationships between connected data
        • {{[[TODO]]}} Authentication and Authorization
    • {{[[TODO]]}} Week 5
      • {{[[TODO]]}} React
        • {{[[TODO]]}} Integrating Redux and React together
        • {{[[TODO]]}} Async actions in redux
        • {{[[TODO]]}} Redux store design introduction
      • {{[[TODO]]}} NodeJS
        • {{[[TODO]]}} Handling Errors and Logging in MongoDB
        • {{[[TODO]]}} Authentication and Authorization
    • {{[[TODO]]}} Week 6
      • {{[[TODO]]}} React
        • {{[[TODO]]}} Redux Store Design
      • {{[[TODO]]}} NodeJS
        • {{[[TODO]]}} Unit Testing
        • {{[[TODO]]}} Integration Testing your APIs and mock Database
    • {{[[TODO]]}} Week 7
      • {{[[TODO]]}} React
        • {{[[TODO]]}} Authentication in React
        • {{[[TODO]]}} React Router
      • {{[[TODO]]}} NodeJS
        • {{[[TODO]]}} Going Deeper in Backend Development
        • {{[[TODO]]}} Looking into Server-Side Framework
    • {{[[TODO]]}} Week 8
      • {{[[TODO]]}} React
        • {{[[TODO]]}} How To Use Redux Dev Tools
        • {{[[TODO]]}} Forms in Redux
        • {{[[TODO]]}} Introduction to RESTful based React Apps
      • {{[[TODO]]}} NodeJS
        • {{[[TODO]]}} Going into JSON
        • {{[[TODO]]}} Using more in depth Mongoose Example
    • {{[[TODO]]}} Week 9
      • {{[[TODO]]}} React
        • {{[[TODO]]}} Introduction to RESTful based React Apps Part 1
        • {{[[TODO]]}} Introduction to RESTful based React Apps Part 2
      • {{[[TODO]]}} NodeJS
        • {{[[TODO]]}} Handling File Uploads in Node.js
        • {{[[TODO]]}} Creating Login/logout to learn about user authentication in the back end
    • {{[[TODO]]}} Week 10
      • {{[[TODO]]}} React
        • {{[[TODO]]}} Modals in React
        • {{[[TODO]]}} Learning about Hooks in React
      • {{[[TODO]]}} NodeJS
        • {{[[TODO]]}} Deploying to a server
      • {{[[TODO]]}} React Concept Review
      • {{[[TODO]]}} Starting Internship project
      • {{[[TODO]]}} **Project: **Work on team project​
    • {{[[TODO]]}} Week 11
      • {{[[TODO]]}} React Concept Review
      • {{[[TODO]]}} Back-end Review
      • {{[[TODO]]}} Internship project design
    • {{[[TODO]]}} Week 12-20
      • {{[[TODO]]}} Next.js tutorial
      • {{[[TODO]]}} Auth0 Authentication
      • {{[[TODO]]}} Looking into AWS services to prepare for summer internship project
        • {{[[TODO]]}} EC2 Instances
        • {{[[TODO]]}} AWS Code Pipelines
        • {{[[TODO]]}} AWS S3
        • {{[[TODO]]}} AWS Lambda Functions
        • {{[[TODO]]}} AWS Elastic Beanstalk
        • {{[[TODO]]}} AWS Cognito
        • {{[[TODO]]}} AWS DynamoDB
        • {{[[TODO]]}} Amazon Route 53
        • {{[[TODO]]}} AWS Shield
        • {{[[TODO]]}} AWS Amplify
        • {{[[TODO]]}} AWS Lambda
  • Projects
    • Create Doordash
      • Consumer Side (Frontend)
        • A person who wants to use the product
        • Ex: multiple Restaurants
          • multiple menus
            • multiple items
        • Feature requirements for consumer
          • ^^while thinking of these features we have to think of components^^
            • document everything
            • jira used to organize jira
          • Home Page
            • Recommended Restaurants
              • top 6 most popular restaurants in LA
                • Card
                  • Name
                  • Location
                  • Distance
                  • Price
                  • Rating
            • Categories (icons)
              • Carousel
              • Items
                • Pizza
          • Search Bar
          • Restaurant Page
            • Different menus
              • Dropdown to show different menus
                • menus show different items
              • menus
                • sorted
                  • Reccomended
                  • accordion with
                    • appetizers
                    • meals
                    • drinks
                • items
                  • name of food
                  • short description
                  • price
                  • ingredients
                  • photo
            • Info
              • Price Range
              • Distance/Address
              • Hours of operation
              • Contact info
      • Client/Product Side (Backend)
        • The service the product provides
        • P<#>: Priority number
          • 0 - can't launch without it
          • 1 - can launch
        • Databases (relationships)
          • one to many (non-relationsal)
            • menu -> item
          • one to one (relational)
          • MongoDB (non-relational)
            • API (mongoose)
            • models/Scheme
              • how the data is structured
              • ^^document^^
                • scheme that is filled with data
                • this is then stored inside the database
              • Using HTTP Methods for RESTful Services
                • GET
                  • reads data from server
                • POST
                  • create data on server
                • PUT
                  • update/replace from server
                • DELETE
              • Ex: restaurant profile
                • id (string)
                • email via session (index) (string)
                  • email - the parameters to the API call
                    • signed up with email so email is need to create a session
                • description (string)
                • restaurants categories (array)
                • availability (JSON)
                • wait time (string)
              • Ex: menu of restaurant
                • id (object)
                • name (string)
                • restaurant id (object)
                  • to link restaurant
            • endpoints
              • GraphQL
                • created by facebook (similar to a graph)
              • POST /api/v1/dashboard/register
                • v1 - verison
                • dasboard - client
                • register - endpoint
                • baseURL
              • PUT /api/v1/dashbord/edit-name/:item-id
                • item-id is the needed to get what item to edit
        • P0: Features requirements for tenants
          • features that need to be implement for the service
          • P0: Restaurant signup page
          • P0: Login page
          • P0: Restaurant Dashboard
            • Profile page
            • Status page
            • Menu page
            • Statistics
            • Form form categories -> menu -> food
            • Edit/delete categories -> menu -> food
      • Infrastructure
        • connection between frontend and backend
  • Question
    • npm start vs npm dev run
    • why can't we do the href thing in react?
    • href takes too much time?
    • why is react.React and next/link
      • link is locally?
    • className root?

About

Languages

Language:JavaScript 100.0%