vuejs

Read more about the article Job Opportunity: Fullstack Python Django VueJS Developer with DevOps Expertise

Job Opportunity: Fullstack Python Django VueJS Developer with DevOps Expertise

Location: Remote
Type: Full-time or Part-time

Are you passionate about open-source development and enjoy working across the stack and infrastructure? Join FOSSASIA, a global community advancing technology through open-source projects. We’re looking for a skilled Fullstack Developer with DevOps expertise to contribute to the Eventyay platform—an open-source event management system powering ticketing, speaker management, and virtual events.

If you thrive in a collaborative environment and are excited to tackle both development and deployment challenges, we’d love to hear from you.

[Apply Here]

Responsibilities

  • Frontend and Backend Development:

    • Build and maintain responsive user interfaces for Eventyay Tickets, Talk, and Video using Vue.js and Django.

    • Design and implement APIs and backend systems for scalability and reliability.

    • Use AI tools (e.g., GitHub Copilot, ChatGPT) to enhance development efficiency.

    • Collaborate with the team to deliver new features, resolve bugs, and optimize performance.

  • DevOps and Infrastructure Management:

    • Set up and maintain deployment pipelines for efficient and automated CI/CD.

    • Manage cloud infrastructure to ensure high availability and scalability.

    • Implement containerization using Docker.

    • Monitor, troubleshoot, and optimize system performance using tools like Sentry, Prometheus and Grafana.

  • Cross-Team Collaboration:

    • Work closely with team members to integrate and deploy features seamlessly.

    • Ensure compliance with data protection standards such as GDPR.

  • Testing and Documentation:

    • Write tests to maintain code quality and contribute to comprehensive documentation.

Requirements

  • Development Expertise:

    • Strong knowledge of Vue.js, Django, and REST API development.

    • Proficiency in HTML, CSS, and JavaScript.

    • Experience with relational databases like PostgreSQL.

  • AI Tool Proficiency:

    • Ability to use AI tools like GitHub Copilot or ChatGPT to accelerate coding and problem-solving.

  • DevOps Skills:

    • Proficiency with Docker, and CI/CD pipelines.

    • Familiarity with cloud platforms like like Hetzner, and AWS.

    • Experience in Linux system administration and scripting (e.g., Bash, Python).

    • Knowledge of monitoring tools (e.g., Prometheus, Grafana) and security best practices.

  • Collaboration and Open Source:

    • Experience with Git and collaborative workflows.

    • Familiarity with open-source projects and adherence to FOSSASIA Best Practices.

Relevant Repositories

Why Join Us?

  • Competitive Compensation: Receive an attractive remuneration package that reflects your skills and contributions.
  • Global Exposure: Participate in international developer events and conferences, connecting with industry leaders and innovators.
  • Open Source Innovation: Work on impactful, community-driven projects that make a difference.
  • Global Team: Collaborate with a talented, diverse group of individuals worldwide.
  • Work-Life Balance: Enjoy the flexibility of remote work with a schedule that adapts to your needs.
  • Career Growth: Develop hands-on experience in fullstack development, DevOps, and AI tools, setting you apart in the tech industry.

How to Apply

If you’re excited to take on both development and DevOps responsibilities in a dynamic open-source project, submit your application:

Include:

  1. Your CV/Resume.

  2. Brief info explaining your interest in the position.

  3. Links to your GitHub/Portfolio or examples of previous work (if available).

Join FOSSASIA and help shape the future of event management technology with the Eventyay platform and apply!

Continue ReadingJob Opportunity: Fullstack Python Django VueJS Developer with DevOps Expertise
Read more about the article Internship Opportunity: Fullstack Developer with DevOps Expertise

Internship Opportunity: Fullstack Developer with DevOps Expertise

Location: Remote
Type: Internship (Minimum Duration: 3 months)
Organization: FOSSASIA

Are you passionate about open-source development and enjoy working across the stack and infrastructure? Join FOSSASIA, a global community advancing technology through open-source projects. We’re offering an exciting internship opportunity for a Fullstack Developer with DevOps expertise to contribute to the Eventyay platform—an open-source event management system powering ticketing, speaker management, and virtual events.

If you thrive in a collaborative environment and are eager to tackle development challenges independently while leveraging AI tools to speed up workflows, we’d love to hear from you.

Apply Here

Responsibilities

  • Frontend and Backend Development:

    • Build and maintain responsive user interfaces for Eventyay Tickets, Talk, and Video using Vue.js and Django.

    • Implement and refine APIs and backend systems with guidance from senior developers.

    • Use AI tools (e.g., GitHub Copilot, ChatGPT) to enhance development efficiency.

    • Debug and resolve issues independently with minimal supervision.

  • DevOps and Infrastructure Support:

    • Learn to set up and maintain basic deployment pipelines for CI/CD.

    • Assist in managing cloud infrastructure under guidance.

    • Explore and implement containerization using Docker for specific use cases.

    • Monitor system performance and assist in troubleshooting using tools like Sentry and Grafana.

  • Collaboration and Documentation:

    • Work closely with team members to integrate features and resolve issues collaboratively.

    • Document development processes and write clear instructions for future use.

Requirements

  • Development Skills:

    • Basic knowledge of Vue.js, Django, and REST API development.

    • Familiarity with HTML, CSS, and JavaScript.

    • Experience with programming projects during university or personal initiatives.

  • AI Tool Proficiency:

    • Ability to use AI tools like GitHub Copilot or ChatGPT to accelerate coding and problem-solving.

  • DevOps Fundamentals:

    • Exposure to Docker and basic CI/CD workflows.

    • Understanding of cloud platforms like Hetzner or AWS (hands-on experience is a plus).

    • Comfort with Linux command-line basics and scripting (e.g., Bash, Python).

  • Collaboration and Initiative:

    • Ability to work independently while seeking guidance when needed.

    • Familiarity with Git and version control workflows.

    • Interest in open-source contributions and adherence to FOSSASIA Best Practices.

Relevant Repositories

Why Join Us?

  • Competitive Compensation: Receive an attractive remuneration package that reflects your skills and contributions.
  • Global Exposure: Participate in international developer events and conferences, connecting with industry leaders and innovators.
  • Open Source Innovation: Work on impactful, community-driven projects that make a difference.
  • Global Team: Collaborate with a talented, diverse group of individuals worldwide.
  • Work-Life Balance: Enjoy the flexibility of remote work with a schedule that adapts to your needs.
  • Career Growth: Develop hands-on experience in fullstack development, DevOps, and AI tools, setting you apart in the tech industry.

How to Apply

If you’re excited to take on both development and DevOps responsibilities in a dynamic open-source project, submit your application via this form:

Include:

  1. Your CV/Resume.

  2. Brief info explaining your interest in the internship.

  3. Links to your GitHub/Portfolio or examples of previous work (if available).

Join FOSSASIA as an intern and help shape the future of event management technology with the Eventyay platform!

Continue ReadingInternship Opportunity: Fullstack Developer with DevOps Expertise
Read more about the article Python / JS Full Stack Developer for Eventyay Project

Python / JS Full Stack Developer for Eventyay Project

Location: Remote
Type: Job or Contract (Minimum Duration: 3 months)
Organization: FOSSASIA

Are you passionate about open-source development and enjoy working across the stack and infrastructure? Join FOSSASIA, a global community advancing technology through open-source projects. We’re offering an exciting internship opportunity for a Fullstack Developer with DevOps expertise to contribute to the Eventyay platform—an open-source event management system powering ticketing, speaker management, and virtual events.

If you thrive in a collaborative environment and are eager to tackle development challenges independently while leveraging AI tools to speed up workflows, we’d love to hear from you.

Apply Here

Responsibilities

  • Frontend and Backend Development:

    • Build and maintain responsive user interfaces for Eventyay Tickets, Talk, and Video using Vue.js and Django.

    • Implement and refine APIs and backend systems with guidance from senior developers.

    • Use AI tools (e.g., GitHub Copilot, ChatGPT) to enhance development efficiency.

    • Debug and resolve issues independently with minimal supervision.

  • DevOps and Infrastructure Support:

    • Learn to set up and maintain basic deployment pipelines for CI/CD.

    • Assist in managing cloud infrastructure under guidance.

    • Explore and implement containerization using Docker for specific use cases.

    • Monitor system performance and assist in troubleshooting using tools like Sentry and Grafana.

  • Collaboration and Documentation:

    • Work closely with team members to integrate features and resolve issues collaboratively.

    • Document development processes and write clear instructions for future use.

Requirements

  • Development Skills:

    • Basic knowledge of Vue.js, Django, and REST API development.

    • Familiarity with HTML, CSS, and JavaScript.

    • Experience with programming projects during university or personal initiatives.

  • AI Tool Proficiency:

    • Ability to use AI tools like GitHub Copilot or ChatGPT to accelerate coding and problem-solving.

  • DevOps Fundamentals:

    • Exposure to Docker and basic CI/CD workflows.

    • Understanding of cloud platforms like Hetzner or AWS (hands-on experience is a plus).

    • Comfort with Linux command-line basics and scripting (e.g., Bash, Python).

  • Collaboration and Initiative:

    • Ability to work independently while seeking guidance when needed.

    • Familiarity with Git and version control workflows.

    • Interest in open-source contributions and adherence to FOSSASIA Best Practices.

Relevant Repositories

Why Join Us?

  • Attractive Internship Compensation: Receive an attractive package that reflects your skills and contributions.
  • Open Source Innovation: Work on impactful, community-driven projects that make a difference.
  • Global Team: Collaborate with a talented, diverse group of individuals worldwide.
  • Flexible Work Environment: Enjoy remote work and a flexible schedule.
  • Skill Development: Gain hands-on experience in fullstack development and DevOps while leveraging AI tools.

How to Apply

If you’re excited to take on both development and DevOps responsibilities in a dynamic open-source project, submit your application via this form:

Include:

  1. Your CV/Resume.

  2. Brief info explaining your interest in the internship.

  3. Links to your GitHub/Portfolio or examples of previous work (if available).

Join FOSSASIA as an intern and help shape the future of event management technology with the Eventyay platform!

Continue ReadingPython / JS Full Stack Developer for Eventyay Project

Ticket Ordering and Positioning (Front-end)

As discussed in my last blog about ticket ordering and positioning, in this blog we are gonna talk about how we implement the front-end part of re-arranging the tickets. We essentially do it using compute and methods of Vue.js. The functionality that is expected in the front-end is, the event organizer should be able to move the tickets Up or Down the order and save that position so that it gets displayed later in that very particular order.

Like I said above we use two main things of Vue.JS for this purpose – Compute and Methods.

Compute

We use this to get the sorted list of tickets based on the position key of the tickets and use this sorted list to display the tickets in the event editing wizard. Whenever you change the value of the position for a ticket, it automatically updates the list to sorted list again and hence the order of ticket in the front-end also updates. To add a compute function in Vue.JS, inside the new Vue() object creation, we add an attribute computed and inside that we put all the functions that we are gonna use. So in our case the function is sortedTickets . We make use of the sort function of lodash to sort the tickets array based on it’s position attribute.

Now while showing or looping over the tickets, we loop over sortedTickets  rather than the original ticket array.

Method

This method is called when the button is clicked to move it up or down. This makes the calculations to determine the values of the position of the two tickets which are being re-ordered in a single click. To add a method, we do it in a similar way like computed but using methods attribute instead. The methods we have written to move tickets up or down is moveTicket.

It has 3 parameters – ticket, index and direction. So when this function call is emitted, depending on the button, the direction is either “up” or “down” while the other two parameters are the ticket properties of the particular ticket. So in this function we check the direction and accordingly update the value of position for the tickets involved in the arranging. As we update the position here, because of the compute, the UI automatically updates to show the tickets in the new order.

Finally after all arrangement is done, the position is always saved in a hidden input field which is then passed as form data and is saved in the database so that the position value can be used in other pages for showing the ticket in order.

Show Ordered Ticket

In other pages, while showing ordered ticket, we already receive the ticket array in sorted format based on the position key. Hence, we don’t need to worry about it in the front-end and it automatically is shown in the sorted order.

Continue ReadingTicket Ordering and Positioning (Front-end)