Skip to content

Commit 0352052

Browse files
committed
updated README
1 parent 568cd5b commit 0352052

File tree

1 file changed

+9
-7
lines changed

1 file changed

+9
-7
lines changed

README.md

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,12 @@ Blog app inspired by exercises up to Part 8 of <https://fullstackopen.com/en/>.
55
**Link to project:** <https://fullstack-blog-v721.onrender.com/>
66

77
<div align="center">
8-
<img src="./blog-demo.gif">
8+
<img src="./blog-demo.gif" alt="blog demonstration">
99
</div>
1010

1111
## How It's Made
1212

13-
**Tech used:** React, Express / Node.js, Mongoose / MongoDB, Redux Toolkit, RTK Query, React Router, Material UI, and Vite
13+
**Tech used:** React, Express / Node.js, Mongoose / MongoDB, JWT, Redux Toolkit, RTK Query, React Router, Material UI, and Vite
1414

1515
## Optimizations
1616

@@ -22,15 +22,17 @@ Future versions will add the ability to comment on others' posts, the ability to
2222

2323
Even though there's so much more to learn, I feel like I've learned a lot while working on this. Here's a prototype from just a few months ago <https://fso-3-express.onrender.com/>. What a difference!
2424

25-
I learned how to create a server with Node.js and Express, which helped demystify what a backend is. I learned about routing, middleware, HTTP requests and responses. I learned about environment variables and keeping them secret. I learned how to connect to MongoDB, and I learned about building schemas and models with Mongoose in order to help interact with MongoDB.
25+
I learned how to create a server with Node.js and Express, which helped demystify what a backend is. I learned about routing, middleware, HTTP requests and responses. I learned about environment variables and keeping them secret. I learned how to connect to MongoDB, and I learned about building schemas and models with Mongoose in order to help interact with MongoDB. I learned about using JSON Web Tokens, which I definitely want to learn more about. I'm sure my app's security could be improved.
2626

27-
I built the frontend with React, using Vite. For more advanced state management, Full Stack Open teaches Context and Reducers, as well as Redux. Then it teaches Tanstack Query to fetch and cache data.
27+
I built the frontend with React, using Vite. I learned about managing client state in the generic way. For more advanced state management, Full Stack Open teaches Context and Reducers, as well as Redux. For communicating with the server, it teaches how to use Axios. Then it teaches Tanstack Query to fetch and cache data.
2828

29-
After learning Tanstack Query, I decided to use RTK Query instead. I was already managing state with Redux in order to learn it, and Redux seems to combine much more naturally with RTK Query than it does with Tanstack Query. RTK Query was a little challenging to learn, but it got rid of so much code that I would've needed in its place.
29+
After learning Tanstack Query, I decided to use RTK Query instead. I was already managing state with Redux in order to learn it, and Redux seems to combine much more naturally with RTK Query than it does with Tanstack Query. RTK Query was a little challenging to learn, but it got rid of so much code that would've been needed in its place. Also, with RTK Query, I no longer needed Axios.
3030

31-
Then I learned about client-side routing with React Router. Finally, I learned how to create a responsive app by styling React components with Material UI. I had been neglecting CSS, so I was really happy to learn this aspect of it. For the future, I'd like to learn more about web accessibility.
31+
Then I learned about client-side routing with React Router. I learned how to create a responsive app by styling React components with Material UI. I had been neglecting CSS, so I was really happy to learn this aspect of it. For the future, I'd like to learn more about web accessibility.
3232

33-
I definitely need to get better acquainted with branching. I currently have different versions of this app in different repos. In the future, I'd like to keep different versions within the same repo.
33+
I learned how to test the backend with Jest. For the frontend, I used Vitest instead along with React Testing Library. I also learned how to use Cypress. Testing looks like another big subject that I'd like to get a better handle on.
34+
35+
With Git/GitHub, I definitely need to get better acquainted with branching. I currently have different versions of this app in different repos. In the future, I'd like to keep different versions within the same repo.
3436

3537
## Previous Projects
3638

0 commit comments

Comments
 (0)