Community forum banner

Community forum

25 devlogs
69h 36m 22s

Updated Project: Add new project image.
Facebook-like social networking app built with React Native and Express.js, featuring all core social functionalities.

This project uses AI

Used Gemini for debugging, translation and documentation.

Demo Repository

Loading README...

bartoszduczmal09

Today, I took care of the profile screens dark mode, I reused here many styles from the previous screens, which made it straightforward to implement. Also I decided to refactor auth system for cleaner and easier implement in future. I’m implementing this using Context Providers, which allows me to have whole frontend auth logic in one file.

Attachment
0
bartoszduczmal09

This time, I focused on the post editing screen and modals. I think modals look very nice. I’m getting closer to finishing the new app design, only the profile and password change screens are left.

Attachment
Attachment
0
bartoszduczmal09

As I mentioned yesterday, I’ve implemented the logic to check if a post has been liked by the user on the Overview page. That’s all for today — I’m out of time to tackle anything else.

Attachment
0
bartoszduczmal09

Today, I worked on implementing dark mode for the overview screen. It took me a while because I had to create new styles from scratch. I also noticed that I forgot to implement logic to check if the post is liked by user on this screen. I will have to implement it tomorrow.

Attachment
0
bartoszduczmal09

I finished implementing dark mode for the register and recovery screens. It’s taking me less and less time, because I’m can reuse existing styles. I think I should be able to finish it this week.

Attachment
Attachment
0
bartoszduczmal09

This time, I took care of the login screen. You could say I’m halfway to finished with it. Also improved responsiveness on every screen.

Attachment
0
bartoszduczmal09

I finally finished styling the publishing screen, after fighting with its positioning for a bit too long. Also polished main screen’s light mode little bit, now it looks more modern. I have to remember to improve responsiveness for screen rotation next.

Attachment
Attachment
0
bartoszduczmal09

I’m still working on implementing dark mode to other screens… I did theme switcher in-app alongside system theme fetching - your choice is saved locally using AsyncStorage. I’m currently struggling with inputs positioning on publishing screen.

Attachment
0
bartoszduczmal09

I coudn’t decide how to do dark mode to my app. Finally, I have decided to do a bottom navigation bar, by the way I fixed a screen flickering and now new screen loads by fade in. So… All I had left is implement dark mode and the newest design to other screens. It will take me a while.

Attachment
0
bartoszduczmal09

I’m curently working on dark mode in app. So far, I’ve managed to implement it to main page. I still think how to do this finally, so if someone is reading this, please let me know how what you think, while i’m still working on it. Implementing dark mode across the whole app will take a while, because I have to migrate all of style classes into Native Wind stylesheet.

Attachment
0
bartoszduczmal09

Today I ended new design, I think. I implemented the add button hovering above keyboard when it slides out using ‘react native reanimated’. I’m suprised by how easy that library is compared to basic react native library.

Attachment
0
bartoszduczmal09

Today, I’ve been working on a new app design. Earlier, I was looking for a library to use, but it turned out to be harder than it looks. I realized just HOW MANY limitations there are when creating a mobile app. It tooks me to many time, but i don’t know HOW I LOG 9H. In the end, I went with Moti and React Native Reanimated, and after that, everything went smoothly.

Attachment
0
bartoszduczmal09

Shipped this project!

Hours: 28.0
Cookies: 🍪 247
Multiplier: 8.82 cookies/hr

I finally released first stable version! I’m very happy. The app got a lot of features, including:

  • The ability to comment on posts ( I am especially proud of it )
  • A brand new liking system
    Entire app was optimized and received more security.
bartoszduczmal09

I finally released a stable version!!! I optimized the entire app getting rid of N+1 queries, I lightened the client-side load by lazy rendering and I added more security. But I’m not stopping here. In the coming days I want to completely rebuild the app visuals.

Attachment
0
bartoszduczmal09

Yesterday, I optimized the N+1 queries in the post-liking system, and today I’m also focusing on optimization. I added indexes to the tables to reduce full table scans, which should significantly speed up query execution. I also refactored the post list by switching from ScrollView to FlatList. This allows for better performance by rendering only the posts currently on screen and updating the list only when data actually changes. Tomorrow, I plan to refactor the remaining lists in the app.

0
bartoszduczmal09

Today I refactored the post-liking system as planned. As a result, the app should run faster and the code is much cleaner. I also added a confirmation dialog for deleting comments, implemented system time zone synchronization, and decided to add pull-to-refresh functionality to the main page after testing it two days ago in the comments list. Over the next few days, I’ll be focusing on optimization, further code cleanup, and some UI/UX polish.

0
bartoszduczmal09

Its already my 2-days devlog streak. Today I managed to implement a comments like system. It took me a while, because I was thinking about how to do this better than I did this for the posts. This time I did this faster and less resource-intensive, I managed to reduce database queries, so tommorrow I would like to upgrade posts like system like this. Let me know which way i recorded video you think is better for my future devlogs: today’s or yesterday’s?

0
bartoszduczmal09

This week, I didnt do as much as I planned. But at first I decided to do devlogs frequently and do them better. I managed to do a comment deletion functionality. Only admins and the owner can delete comment. Additionally, I’m testing a pull-to-refresh feature, so users can just swipe down to update posts and comments. I also changed README file to make it look cleaner and more natural.

Attachment
0
bartoszduczmal09

This week Im working on implementing a comment system. So far I’ve managed to create a fetching and creating comments endpoints. I think I’ll finish it within the week.

Attachment
Attachment
0
bartoszduczmal09

I managed to add ability to change the language in-app. The app now uses the system language as the default. In days I want to release a new beta version to try out.

Attachment
Attachment
0
bartoszduczmal09

Today, I finished preparing the app for the translation system. Tomorrow, I will try to add the possibility for users to change the language in-app.

Attachment
0
bartoszduczmal09

Shipped this project!

Hours: 11.12
Cookies: 🍪 19
Multiplier: 1.93 cookies/hr

I prepared an app to add a translation system and post commenting.

bartoszduczmal09

I decided to start working on an app translation system. At first I want to do English and Polish translation. And adding more languages later will be easier thanks to the system.

Attachment
0
bartoszduczmal09

Today I made a component that allows you to add comments.

Attachment
0
bartoszduczmal09

Refactored password recovery to support production mail delivery.

Attachment
0
bartoszduczmal09

After 2 days of fighting with eas build, I finally managed to create a demo.

Attachment
0
bartoszduczmal09

Expanded the README, added a demo, and updated the project banner.

Attachment
0