sharvin26 / todoapp Goto Github PK

View Code? Open in Web Editor NEW

203.0 203.0 103.0 44.99 MB

Todo Application using ReactJs, Firebase, Express and MaterialUI

JavaScript 96.79% HTML 2.79% CSS 0.41%

firebase material-ui react

todoapp's Introduction

Hi there 👋

🏢 I’m currently working as a CEO and CTO in company named MTechZilla.

💬 You can ask me about:

JavaScript
TypeScript
React
NextJS
StoryBook
ExpressJS
Serverless
AWS
Firebase
Supabase
Stripe

🤔 If want to collaborate, you can reach out to me.

📫 How to reach me:

✉️ Email me at [email protected]
💬 Dm on twitter id @sharvinshah26

🌏 Go through my portfolio to know more about me.

todoapp's People

Contributors

Stargazers

Watchers

Forkers

ecanro iamaftab chingweiyu erdalstk sarelk rizalgowandy cristianrodri sudhi76 frontenddima sagar73594 kishore8 wroxbox isaquielfernandes inbarigler achingachris pavangangireddy hadaytullah aleksey00 ikbhal devopsguru2020 nikoganev dixonkimandu lones11 lovepreetparmar loinh aspineon datacode-in bruno02 frogfx davidshe horsta stunaz marjunmakinano lucianoschillagi alamedacomedy ayushdubey-maker nevertheless13 santanaruben mrcsvg ibqn alanschwarz cstavroudis imrajat7 vasanth-confetto skeet70 breezyltv avaldemoro kokilgupta nugroho-00 lewiskimtai joviksdev jewela29 arpit08911 eliyahushwartz ridwanray johnnycheetah kusiroll pavan-2001 adamkamizelich al-aly anatolii0123 kumarkrishna190 krishnamurtyp bavireddyswaroop mahimnamehta mosvict mamencode jegazhu egesamichael afoxcute brettbauer1 nikxtaco edu58 naynaydoshkeh3 mohameddali kushalsharma btkramer9 hsingh6764 miargy6 oroszs31 harbakkiran jcardenaslie sushanthsp pabc77 neybapps dheerendra94140 darlinguui sidkanchan gkranasinghe jona-max xnewz mharr052 mithonmasud pankajkadam333

todoapp's Issues

I got an error "Failed to compile" Module not found

Steps:

clone the project
cd views
yarn install & start
It shows on the terminal

./src/pages/home.js
Module not found: Can't resolve '@material-ui/icons/AccountBox' in '/Users/macbookpro/Downloads/chrome download/TodoApp-master/view/src/pages'

So how to run this project? Thank you!

Unable to resolve error [ERR_PACKAGE_PATH_NOT_EXPORTED]: pls help

While added users.js ended up in error.

⚠   Your requested "node" version "14" doesn't match your global version "16"
i  functions: Watching "/Users/sumit/Desktop/src/firebase/functions" for Cloud Functions...
⚠  functions: The Cloud Firestore emulator is not running, so calls to Firestore will affect production.
⚠  Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in /Users/sumit/Desktop/src/firebase/node_modules/firebase/package.json
    at new NodeError (node:internal/errors:371:5)
    at throwExportsNotFound (node:internal/modules/esm/resolve:413:9)
    at packageExportsResolve (node:internal/modules/esm/resolve:652:3)
    at resolveExports (node:internal/modules/cjs/loader:482:36)
    at Function.Module._findPath (node:internal/modules/cjs/loader:522:31)
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:919:27)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:94:18)
    at Object.<anonymous> (/Users/sumit/Desktop/src/firebase/functions/APIs/users.js:6:18)
⚠  We were unable to load your functions code. (see above)

I'm following code from https://www.freecodecamp.org/news/how-to-build-a-todo-application-using-reactjs-and-firebase/

Pls help!

Firebase Firestore empty result

In the first section of the tutorial specifically in the Firebase Firestore when i try to deploy I get an empty result with [ ] or { }

Error: Your API key is invalid, please check you have copied it correctly.

I copied the config from my settings and received the error, spent quite a lot of time researching the issue and could not find a resolution, so I started over completely with a new project and a new directory, (the first one I accidentally moved the node_modules to the functions folder and deleted them and restored them it was a whole thing) and I got to the same step and receive the same error when POSTing to the /api/login route
Error: Your API key is invalid, please check you have copied it correctly.

this is the step when you test the login for the first user created in firebase in section 2

not sure what could be causing it, but maybe you have some insight, thank you

Avoid token expiration

Is there a way to refresh token on backend? I need this because token expires every hour. I found refreshToken property in user, but idk what i can do with it.

Error: Request failed with status code 500

General Enquiry

Hello sharvin thanks for the fantastic tutorial on freecodecamp
I'm currently trying to follow your tutorial and i'm stuck on upload profile image segment.

I have a few questions

How do you obtain the bearer token? I tried finding online but couldn't find anything
Were you referring to the token after login? If so I tried that but gotten the error

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>Error</title>
</head>

<body>
	<pre>Cannot GET /todoapp-58ce1/us-central1/api/user/image</pre>
</body>

</html>

Why are we doing a get method on a post route?
app.post('/user/image', auth, uploadProfilePhoto);
Do you think you can clarify the section of the tutorial on uploading images!
Thanks for the help

Using both Firebase and Firebase ADMIN sdk in functions

Hi,

First of all, I wanna say great project!

I was reading about firebase sdk and it seems that it is intended to be used on the frontend of the app. Is there any cons using both admin and normal firebase sdk on the functions server?

Since I intend to use it with redux as well, I want to know which way is the best: like yours, and use a simple reducer for auth state, or use signIn + react-redux-firebase on the frontend.

Thanks and keep up the good work! :)

Getting 404 POST http://localhost:3000/api/login 404 (Not Found)

I've just finished with Step 2: Login Form,

When I try to login with credentials I'm presented with POST http://localhost:3000/api/login 404 (Not Found)

I did a Firebase serve and is working fine with both Postman and when I change the proxy to http://localhost:5000/<my-app-id>/us-central1/api without issue, so I don't think there is an issue with copy pasting incorrect information. Is there something more I need to be doing when trying to use the Firestore functions URL?

"proxy": "https://us-central1-<my-app-id>.cloudfunctions.net/api"

Edit: Also noticed that the 404's are being logged when I check under the Functions area (see image)

Error: Request failed with status code 404
    at e.exports (createError.js:16)
    at e.exports (settle.js:17)
    at XMLHttpRequest.p.onreadystatechange (xhr.js:62)

xhr.js:177 POST http://MyDomain/login 404 (Not Found)