@Anubha22

🌿Field Notes Devlog #3 27.07.2026 I mostly focused on refining the existing system and trying to bring the project closer to the vision I have for the app.
After getting the core Firebase workflow working yesterday, I started working on improving the overall structure and user experience of the application. The main focus was the My Observations page, where I worked on connecting the user data flow properly and making sure observations are being displayed dynamically instead of relying on static content.
The observation system is now able to fetch data from Firestore and display the entries associated with the currently logged-in user. Each user can only access their own recorded observations, keeping the data separated between accounts. While working on this, I ran into an issue where some styling changes were not applying properly because existing CSS rules were overriding the new ones. After debugging, I found that the problem was related to conflicting selectors and style priority. The issue is still pending complete cleanup and I will resolve it later. Apart from the technical side, I also started planning the visual direction of the app. The color palette, typography, buttons, input fields, and overall design language are being prepared to make the application feel more like a complete working app rather than just a functional prototype. With the backend workflow mostly established, the next step is now moving towards the visual identity phase.
Next I will, resolve the remaining CSS override issues, finalize and apply the complete color system, add consistent typography and spacing across all pages, improve responsiveness for different screen sizes, polish the overall UI/UX experience, after the design phase is complete, development will continue with, observation details page, edit and delete observation functionality ,image upload system, interactive maps and location-based features, AI-powered species identification.
And yeah, that is all for today’s progress. There is still a very very very long way to go. Slowly building this thing piece by piece and turning the idea into something real.
—Anubha. (Constantly Learning, Building, and Documenting)

🌿Field Notes Devlog #2 27.07.2026. Now i have finally integrated the firebase authentication, user register, login, are working and accounts can be created now. Protected routes for the other pages to prevent unauthorized access. Implemented the Create Observation page, connected the form to the Firebase Firestore, stored observations in the cloud, associated each observation with the authenticated user’s account. One issue I ran into was that Firestore security rules were still denying all reads and writes. After updating the rules to allow authenticated users to access the observations collection, the save functionality worked as expected. Built the My Observations page.Users can now; retrieve their observations from Firestore, view only observations belonging to their own account, browse previously recorded entries. With the core observation workflow now in place, the next phase is all about giving Sylven its visual identity. Next i will finalize the color palette, apply typography and fonts across the app, design a cohesive UI for every page, improve responsiveness and overall user experience. After the UI is complete, development will continue with; observation details, edit observation, delete observation, image uploads, interactive maps, AI-powered species identification. And yeah that is all so far. -Anubha. (Constantly Learning, Building, and Documenting)

🌿FieldNotes; Devlog #1 26.07.2026 So today i started out with my project Field Notes i wanted to make this a web app so i went and did some research on which programming languages to use so today i did most of the work using TypeScript i watched around a 40 minute oneshot tutorial on youtube to get a grasp of the basics; after fiddling around for an hour or so i was able to set up the React+TypeScript for the project using Vite in Visual Studio Code, created the initial architecture of the application, built the first page structure including the landing page, authentication pages, dashboard, observation pages, map, profile, and settings. There was a lot of debugging to be done around because in the first few tries errors were occuring constantly while i opened the link provided by Vite in the Web Browser. Now next, i have to install the FireBase integration, authentication, firestore database setup. So this is the progress so far, i will be formatting the CSS code later on after i decide on the particular color palletes and fonts. - Anubha. (Constantly Learning, Building, and Documenting)

Finally done with the rough layout of all the webpages of the website.

Built the homepage and the achievements page and created the navigation to the other webpages.
Learned about semantic HTML and how CSS ties everything together.

Just starting out on the introduction. Playing around with the colors.