Codenight Weekly 008
From slick landing pages and React calendar libraries to Telegram expense trackers and insightful discussions on CORS and middleware, the community is making. We’re talking tangible outputs, folks. So, dive into this week’s digest, get inspired by the projects, learn from the shared struggles and solutions, and most importantly, contribute to the conversation. Let’s elevate the discourse and push each other to ship even better work next week. Don’t just be a consumer, be a creator.
Developer Shout-Outs
-
et-calendar React Library: Gedion published a React library, et-calendar, offering a date picker, components, hooks, and utilities for Ethiopian and Gregorian calendars. It’s compatible with React and Next.js. 1. demo
-
Geez Calc: an online calculator, promotes the use of Ethiopian Ge’ez numbers, bridging traditional numerals with modern mathematical applications. The calculator, developed by Hena, offers conversion capabilities and a user-friendly interface, contributing to the preservation of our cultural heritage.
-
Snap Build Project Planner: YONATANE.M created a frontend web app to help developers plan projects, add features, visuals, tech stacks, and milestones. This project aims to combat project abandonment due to poor planning, using state management for data persistence. 1.
-
Roobi’s 100 Days Challenge - Landing Pages: Roobi has been killing this week, he shared two landing page projects (Day 66 and Day 67) built with Tailwind CSS and JavaScript, featuring smooth animations, interactive elements like swiping testimonials, and a user-friendly FAQ section. 1, 2. Also shared code snippets and explanations for a loading effect implementation using HTML, CSS, and JavaScript. 3. Shared another landing page project (Day 68) with similar features, including a testimonial grid and interactive header. 4.
-
Wallet Note Telegram Mini App: kiduSHaile developed an expense/income tracker as a Telegram Mini App. The app is currently in v1.0 and open to feedback and bug reports. 1, 2, 3, 4.
Events and Podcasts
Upcoming
- Solana AI Hackathon: A global, online hackathon focused on building AI-powered solutions on the Solana blockchain. Offers $210k+ in prizes and features six AI agent tracks. Starts December 23, 2024. 1.
- ETHiopia Pop-Up City: Africa’s first Ethereum-focused event with a Builders Residency, Hackathon, and Conference. No prior Web3 or blockchain knowledge required. 1.
- Dev Dialogue 101: An online session with Yitayew Solomon, Data Analyst & Data Science Manager and Instructor at HiLCoE, focusing on data analytics and science. Scheduled for Today, at 4:00 PM (16:00). 1
Past
-
Friday Night Coding with Neba (Redis as a Message Broker & Beyond - Part 2): held on December 20, 2024, was a great success. This session focused on using Redis as a Message Broker, particularly exploring the Pub/Sub pattern. Participants engaged in insightful discussions and hands-on demonstrations, enhancing their understanding of how Redis can facilitate efficient messaging in software applications, Shared Resources.
-
Techኢት Podcast S03E04: The Techኢት Podcast featured Ezedin Fedlu, a Senior Software Engineer at Volvo Cars, discussing career progression, remote work, and advice for junior developers. The session offered valuable such wonderful insights for those in the tech industry.1
Shared Resources
- React Ethiopian Calendar Package: Gedion released “et-calendar,” a React library for Ethiopian and Gregorian calendars. It includes a date picker, components, hooks, and utilities. Installation instructions and a live demo were provided. 1.
- Django Admin Login Issue: Fetehadin Negash couldn’t log in to the Django admin panel despite creating a superuser. They received a “Please enter the correct username and password for a staff account” error. Dominic Yeboah suggested checking the password hashing mechanism in the custom user manager, suspecting the password might be stored in plain text. 1, 2.
- Next.js Authentication with Sanity: Ismael Sabir shared an issue with next-auth and Sanity integration. The authentication worked fine until the
writeClient
callback was added to thesignIn
function, causing an error. Further details about the authentication setup were provided. 1, 2. - Loading Effect Implementation: Roobi shared a detailed guide on creating a loading effect using Tailwind CSS and JavaScript. The guide covered HTML structure, CSS styling with radial gradients and keyframes, and JavaScript to control visibility and scrolling. 1.
- VSCode Shortcuts MAC & PC: Dotxtech For a complete list of all 47 shortcuts, check out the shared images that provide visual references for each shortcut. This resource is particularly beneficial for both new and experienced developers aiming to optimize their use of Vscode. 1
- Math4Devs Resource: Dre shared Math4Devs (math4devs.com), a website providing a comprehensive list of mathematical symbols, their JavaScript code equivalents, and historical context. This resource is helpful for developers incorporating mathematical functions into web applications. 1
- Uses.tech for Developer Setups: Dre introduced Uses.tech, a platform where developers share their hardware and software setups (“uses” pages). This resource helps developers discover new tools, optimize their workflows, and learn from each other’s tools and workflows. 1
Tech Company Updates
- GitHub Copilot Free Plan: GitHub announced a free plan for Copilot, offering 2,000 code completions and 50 chat messages per month. This makes the AI-powered coding assistant accessible to a wider range of developers. 1, 2, 3, 4
Top Discussions and Reactions:
-
CORS Issue with Hono, Bun, and Next.js: Tech Nerd encountered a CORS issue despite configuring it on the backend. Theodore suggested checking the CORS setup, leading to a solution involving applying CORS to all routes (
app.use('/*', ....)
). This fix resolved the issue for Tech Nerd. 1, 2, 3, 4. -
Multer Middleware and File Uploads: E¥øbª(ያፌት) sought assistance with Multer middleware, encountering issues uploading HTML files alongside images and videos. The problem involved the fetch request breaking and falling back to the catch block. Kiya suggested modifying the client code to use Axios and providing more detailed error handling. Sa Mi pointed out a connection error, but E¥øbª(ያፌት) clarified that the network tab didn’t indicate such an error. Kiya later identified that the
source_code
was commented out. 1, 2,…, 3, 4. -
Building a Website as a Team: Code++ inquired about forming a team to build a website, seeking members with various skills, Caleb offered practical advice about using a family TIN number for business registration. 1, 2, 3, 4.
-
Roobi’s 100 Days Challenge - Landing Page Projects: Roobi shared progress on their #100DaysChallenge, showcasing two landing page projects (Day 66 and Day 67) built with HTML, CSS, and JavaScript. The projects featured smooth animations, interactive elements like swiping testimonials, and a well-designed FAQ section. Roobi also shared the code and explained the implementation of a loading effect. 1, 2, 3.
Disclaimer: This recap is generated by AI and may not fully reflect the context or accuracy of discussions. Join the Codenight group for detailed insights and active participation.
The Codenight Community (https://t.me/CodeNight). This recap is AI-generated and may not fully capture the context of all discussions.
Did I make a mistake? Please consider sending a pull request .